[英]Ember Error in Route Model
我正在研究Ember,并试图为我的路线模型提供内容清单。 这是我的App.js代码:
var App = Ember.Application.create({});
App.Router.map(function() {
this.route('about');
this.resource('blogs');
this.resource('projects');
});
App.PROJECTS = [
{
"id": 1,
"title": "SnapFoo - SVG Animation Library",
"textone": "SnapFoo",
"texttwo": "SVG Animation Library",
"image": "snapfoo.jpg"
}
];
App.ProjectsRoute = Ember.Route.extend({
model: function() {
return App.PROJECTS;
}
});
PROJECTS数组在内容上是缩写,但这就是格式。 现在,我试图像这样在Hanldebars模板中运行每个循环:
<script type="text/x-handlebars" data-template-name="projects">
{{#each}}
<div class="project-icon">
<span>{{textone}}</span>
<span>{{texttwo}}</span>
<a href="project.php?id=1"><img {{bind-attr alt="title" src="image"}}/></a>
</div>
{{/each}}
</script>
但是,这样做时,我收到的错误是未捕获的TypeError:无法读取来自ember.min.js 的未定义属性'addDependency' 。
如果删除{{each}}循环,错误就会消失,这使我相信这与路径中的模型有关。 但是任何建议都会非常有帮助。 谢谢!
您在视图中缺少该模型,没有进行任何迭代{{each}}
在这种情况下,您需要将变量放入model
。
<script type="text/x-handlebars" data-template-name="projects">
{{#each model as |project|}}
<div class="project-icon">
<span>{{project.textone}}</span>
<span>{{project.texttwo}}</span>
<a href="project.php?id=1"><img {{bind-attr alt="title" src="image"}}/></a>
</div>
{{/each}}
</script>
我创建了一个示例 ,您可以在此代码工作时看到,它与您想要实现的非常相似。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.