[英]Ember component event not tirggered
I have a sidenav component with a toggle button to open or close it. 我有一个带切换按钮的sidenav组件以打开或关闭它。
/templates/components/side-nav.hbs /templates/components/side-nav.hbs
<div class="sidebar">
<span role="button" class="toggle-menu svg-icons" {{ action 'toggle' on='click' }}></span>
</div>
components/side-nav.js 组件/侧nav.js
import Ember from 'ember';
export default Ember.Component.extend({
actions: {
toggle: function(){
console.log('click');
}
}
});
/templates/application.hbs /templates/application.hbs
<div class="wrapper">
{{side-nav}}
{{outlet}}
</div>
The event is not fired no matter what. 无论如何都不会触发该事件。 I know this is basic stuff, but I've spent hours not being able to make it work.
我知道这是基本的知识,但是我花了数小时无法使其正常工作。
You don't need to use on=click
. 您无需使用
on=click
。 Try just: 尝试一下:
<span role="button" class="toggle-menu svg-icons" {{action 'toggle'}}></span>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.