Question

我有这个问题试图使用一个ember partial和一个以视图为目标的动作

...
<li class="buttonsList-item-horizontal btn btn-lg btn-secondary" {{action restore this target='view'}}>
  <i class="fa fa-refresh"></i>
  <span class="btn-text">Restore</span>
</li>
...

如果我在部分内部使用此代码，如果我直接在模板中使用它，它就可以正常工作。任何想法或建议，以实现相同的结果？

模板是

...
<ul class="list">
  <li class="list-item list-item-separator">{{group.key}}</li>
    {{#each content}}
      {{partial 'templateElement'}}
    {{/each}}
</ul>
...

Answer 1

假设您正在讨论视图，而不是您在上面调用视图的模板，那么您的逻辑是正确的。

App.IndexView = Em.View.extend({
  actions:{
    blah:function(){
      console.log('asdf');
    }
  }
});

<script type="text/x-handlebars" data-template-name="index">
  <ul>
  {{#each item in model}}
    <li>{{partial 'foo'}}</li>
  {{/each}}
  </ul>
</script>


<script type="text/x-handlebars" data-template-name="foo">
  <button {{action 'blah' target='view'}}>{{item}}</button>
</script>

http://emberjs.jsbin.com/hocanilu/1/edit

Ember部分和行动

1 个答案: