我有一个EmberJS组件,他的行动根本没有被解雇。我已经使用我使用的库的版本制作了一个基本的JSFiddle示例,并且该应用程序没有问题。
这使我得出的结论是,我在堆栈中包含了一些内容(有ember-auth等),这会干扰组件操作。
这是一个简单的例子,它在我的堆栈中不起作用:
{{! component class }}
// ...
actions: {
accept: function(){ console.log("accepted") }
}
{{! list-item.handlebars }}
<button {{action 'accept'}}>click to accept</button>
所以我的问题变成:如何跟踪组件操作,看看应用程序的哪个部分阻碍了操作的正确执行?
我的组件名为App.ListItemComponent
,手柄模板名为list-item.handlebars
。