Ember.js中的嵌套视图

时间:2013-11-23 03:16:26

标签: javascript model-view-controller ember.js

我有一个容器视图,除其他外,它显示一个对象列表,如下所示:

 {{#each}}
      <div {{bind-attr class="author.first_name task"}}></div>
 {{/each}}

我想在每次将DOM元素添加到此列表时挂钩Javascript函数。我试过了:

didInsertElement: function() { ... }

但是这个钩子显然只在第一次初始化视图时运行。我想可能钩子没有运行,因为视图实际插入了一次,而且多次插入的只是嵌套元素。

我应该使用嵌套视图

我尝试了以下几点:

{{#each}}
     {{#view App.SingleItemView}}
         <div {{bind-attr class="author.first_name task"}}></div>
     {{/view}}
{{/each}}

但在这种情况下,虽然它以某种方式工作,但它没有传递必要的数据来呈现author.first_name等属性。

1 个答案:

答案 0 :(得分:0)

渲染会给你一个新的范围,并且很容易分配内容

<ul>
  {{#each item in controller}}
    {{render 'ind' item}}
  {{/each}}
</ul>

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

相关问题