Fatal编程技术网

Javascript 模型渲染

javascript ember.js

Javascript 模型渲染,javascript,ember.js,Javascript,Ember.js,我刚开始学习emberjs，想显示模型中的数据列表。我的app.js： var h= [{ name: "Hi", }, { name: "Hello", } ]; App.ListsRoute = Ember.Route.extend({ model: function(){ return h; } }); 我对应的车把列表： <div id="list"> <ul> {{#each}} <li>

我刚开始学习emberjs，想显示模型中的数据列表。我的app.js：

var h= [{
name: "Hi",
},
{
name: "Hello",
}
];
App.ListsRoute = Ember.Route.extend({
model: function(){
    return h;
}
});
我对应的车把列表：

<div id="list">
    <ul>
        {{#each}}
        <li>
        {{ name }}</li>
        {{/each}}
    </ul>
</div>
我能做些什么来显示这些呢？

#每个
都想在列表上迭代。因为您没有给它一个参数，所以它默认尝试在您的
列表控制器
上迭代。不幸的是，由于您没有定义它，控制器是基于普通的
Ember.controller
自动生成的。因此，这是一个错误

解决此问题的两种方法：

1） 将
ListsController
设置为
ArrayController

App.ListsController=Ember.ArrayController.extend（{}）；
2） 告诉
#每个
以您的模型为目标，而不是控制器




    
{{{#每个模型}

  • {{name}}
    • 
{{/每个}}



如果您用您的示例创建一个

Error: Assertion Failed: The value that #each loops over must be an Array. You passed (generated lists controller)