{{render}} inside {{#each}} ember.js

{{render}} inside {{#each}} ember.js

所以,我有以下模板:

<h2>Page layout item</h2>
Template name {{templateName}}
{{#each region in regions}}
  {{render "region" regions.firstObject}}
  <div>{{region.id}}</div>
  <div>{{region.height}}</div>
  <div>{{region.width}}</div>
{{/each}}

它不渲染区域。我试图使用 {{render "region" region}} 渲染每个区域,但它没有用。但是,当我将 {{render "region" regions.firstObject}} 放​​在#each 之外时,它会起作用。 Regions 是通过异步 hasMany 关系通过 ember-data 获得的对象列表。任何想法为什么这不起作用或这样做的更好方法?顺便说一句,其他地区。属性渲染良好。

编辑: This example 类似于我试图创建的内容,因此问题已解决。一定是打错了...

render helper 使用单例控制器,即您的所有区域都使用一个控制器。 您可能想要创建区域组件或使用 ArrayController.

回到render助手,验证你是否正确访问数据,查看这个jsbin:http://emberjs.jsbin.com/kivoheqosu/1/edit