ember.js - 模型不会从商店加载

Question

对于我正在开发的应用程序 Ember.js + Ember Data 似乎是一个很好的解决方案。但是，我什至无法使用这两个库来获得一个简单的版本来工作。问题是我的 JSON 文件提供的数据未正确加载或显示。

我的 app.js 看起来像。我在边缘运行所有库。

var App = Em.Application.create({});

App.store = DS.Store.create({
    revision: 6,
    adapter: DS.RESTAdapter.create({
        bulkCommit: false
    })
});

App.Item = DS.Model.extend({
    pluginName: DS.attr('string')
});

App.regionController = Em.ArrayController.create({
    content: App.store.findAll(App.Item)
});

我有一个看起来像这样的模板：

<script type="text/x-handlebars">
    <ul>
    {{#each regionController}}
        <li>{{item}}</li>
    {{/each}}
    </ul>
</script>

对 json 文件的请求是正确的（我看到请求在 Firebug 中弹出）并且具有以下内容：

{
    items: [{
        "id": "3",
        "pluginName": "text"
    },
    {
        "id": "3",
        "pluginName": "split"
    }]
}

谁能发现我做错了什么？

Answer 1

您的模板应该如下所示：

<script type="text/x-handlebars">
    <ul>
      {{#each item in regionController}}
        <li>{{item.pluginName}}</li>
      {{/each}}
    </ul>
</script>

让我知道这是否适合你。