如何将模型从ember-data加载到handlebars.js模板中？

Question

我有一个Ember.js应用程序从JSON资源获取其数据，并将其放入一个用于Handlebars.js视图的ember-data模型（不确定术语）。 当我尝试将数据放入模板上下文时，我收到此错误：

TypeError: arrangedContent.addArrayObserver is not a function

我做了一个小提琴来演示它。 使用实际的小提琴来查看代码，使用以下链接查看错误（这使得它尝试将数据放入模板/视图中）：

http://fiddle.jshell.net/WZ4vt/show/#/item/1

s = App.store.find(App.Item, 1);
s.get('value1');

以上工作正常，并返回“测试”。

Answer 1

我更新了小提琴： http ： //jsfiddle.net/WZ4vt/3/

您的错误是将ItemController声明为ArrayController，但您的Data Store只返回了一个实体。 我修复了这个以及你的Handlebars模板，因为这也不起作用。

所以这是新的控制器声明：

ItemController: Em.Controller.extend(),

更新的模板：

<script type="text/x-handlebars" data-template-name="item">
    {{content.value1}}
    {{content.value2}}
</script>​

这里的工作链接： http ： //fiddle.jshell.net/WZ4vt/3/show/#/item/1