javascript - Ember.js Handlebars.helpers.collection 不起作用

Question

我是 ember 的新手，我正在尝试使用代码，所以我从网站下载了入门工具包作为起始模板。

我正在尝试为 CollectionView 使用 ember 车把助手，我复制粘贴示例代码，但我看到的只是“嗨”3 次，没有名称：

http://docs.emberjs.com/symbols/Handlebars.helpers.html#method=.collection

我在做什么错？

<script type="text/x-handlebars">
    {{#collection contentBinding="App.items"}}
        Hi {{content.name}}
    {{/collection}}
</script>


<script>
App = Ember.Application.create();

App.items = [
    Ember.Object.create({name: 'Dave'}),
    Ember.Object.create({name: 'Mary'}),
   Ember.Object.create({name: 'Sara'})
]
</script>

谢谢！

Answer 1

这是关于在最新版本的 ember 中管理上下文的方式的问题，在以下位置进行了解释：

content.name 为集合返回空

总之，您需要在模板中执行此操作：

<script type="text/x-handlebars">
    {{#collection contentBinding="App.items" }}
        Hi {{view.content.name}} 
    {{/collection}}
</script>​

小提琴展示它：http: //jsfiddle.net/XdHRS/

出于相同的目的，您可以只使用每个：

<script type="text/x-handlebars">
    {{#each App.items }}
        Hi {{name}} 
    {{/each}}
</script>​

小提琴展示它：http: //jsfiddle.net/e3UTt/13/