操作不会从组件传递到应用程序

时间:2015-08-03 00:43:29

标签: ember.js

在Ember 1.13应用程序中,我有这个模板:

{{#each searched_skills as |searched_skill|}}
  {{#skill-card searched_skill=searched_skill delete=delete}}{{/skill-card}}
{{/each}}

这个控制器:

export default Ember.Controller.extend
  actions:
    delete: ->
      console.log "test"

该组件的模板:

<div class="col-md-4 well skill">
  <a {{action 'delete'}}>Delete</a>
  <h1>{{searched_skill.skill.name}}</h1>
  <p>{{searched_skill.description}}</p>
</div>

这段代码:

export default Ember.Component.extend
  actions:
    delete: ->
      @sendAction 'delete', @get('searched_skill')

我想展示&#34;测试&#34;当我点击&#34;删除&#34;在控制台中按钮。 &#34;删除&#34;触发了组件的动作,但触发了应用程序控制器的动作。

我哪里错了?

1 个答案:

答案 0 :(得分:1)

删除应该在引号中,并且我会避开该字词,它是一种语言关键字。

{{#skill-card searched_skill=searched_skill delete=`delete`}}{{/skill-card}}