如何將模型從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