灰烬组件事件未完成

时间:2015-11-28 09:53:41

标签: javascript html ember.js ember-data ember-cli

我有一个带有切换按钮的sidenav组件可以打开或关闭它。

/templates/components/side-nav.hbs

<div class="sidebar">
  <span role="button" class="toggle-menu svg-icons" {{ action 'toggle' on='click' }}></span>
</div>

组件/侧nav.js

import Ember from 'ember';

export default Ember.Component.extend({
    actions: {
        toggle: function(){
            console.log('click');
        }
    }
});

/templates/application.hbs

<div class="wrapper">
    {{side-nav}}
    {{outlet}}
</div>

无论如何,事件都不会被解雇。我知道这是基本的东西,但我花了好几个小时都无法使它发挥作用。

1 个答案:

答案 0 :(得分:1)

您无需使用on=click。试试吧:

<span role="button" class="toggle-menu svg-icons" {{action 'toggle'}}></span>