javascript - 如何将每个 itemController 设置为(ember 1.11 beta3)？

Question

我想尝试使用:

{{#each content as |product index|}}
  {{index}}
{{/each}}

但是我的应用有 itemContoller，像这样:

{{#each product in content itemController='product'}}

如果我这样设置:

{{#each content as |product index| itemController='product'}}

没用!我找到了所有的 ember 指南，但没有找到答案。

请帮忙。

Answer 1

Controller (Object、Array 和 itemController)即将消失。做事的新方法是使用组件。

因此，您将定义一个组件，而不是您的项目 Controller :

App.MyProductComponent = Ember.Component.extend({
  myIndex: function(){
    return this.get('passedIndex') + 1;
  }.property('passedIndex')
});

然后，在您的 #each 帮助程序中，您可以按如下方式使用它:

<script type="text/x-handlebars" data-template-name="index">
  <ul>
    {{#each model as |product index|}}
      {{ my-product passedIndex=index product=product }}
    {{/each}}
  </ul>
</script>

工作解决方案 here

查看以下链接并搜索 itemController - https://github.com/emberjs/rfcs/pull/15