如何使用itemcontroller在emberJS中设置特定视图

Question

我有以下代码：

{{#each categories.items itemController="item"}}

当我打开Ember检查器时，它会将视图显示为“虚拟”。我想将视图设置为“item”，以便它遵循我设置的名为itemView的ember视图。我知道我们可以设置itemController：是否可以设置项目视图？

Answer 1

是的，可以使用可选的'itemViewClass'参数。

{{#each categories.items itemController="item" itemViewClass="otherView"}}

虽然我建议停止使用它和itemController，因为最新的最佳实践是在每个块中使用一个组件。

所以对你的例子来说：

// Ember 1.10+

{{#each categories.items as |item|}}
  {{some-component item=item}}
{{/each}}

// Ember 1.9-

{{#each item in categories.items}}
  {{some-component item=item}}
{{/each}}

然后将所需的逻辑放在组件对象中而不是项目控制器中。