为什么我不能在模板中迭代我的模型?

时间:2014-12-18 18:01:15

标签: ember.js

我最近一直在使用Ember CLI玩Ember.js,我遇到了一个非常简单的应用程序问题,我似乎无法解决这个问题。

我已经设置了一个带有简单模型“Post”的Ember Data fixture适配器,它包含两个字符串属性 - title&内容。然后我开始绘制这样的路线:

Router.map(function() {
  this.resource('posts', {path: '/'});
});

然后为帖子创建一个路由器,它只返回模型数据:

export default Ember.Route.extend({
  model: function() {
    this.store.find('post');
  }
});

我的模板只是遍历模型中的所有帖子,如下所示:

{{#each post in model}}
    <h3>{{post.title}}</h3>
    <p>{{post.content}}</h3>
{{/each}}

Ember浏览器扩展程序在Data选项卡中正确显示了我的两个测试帖子,如下所示:

Ember browser extension data tab

但由于某种原因,模板根本不会渲染模型数据。我的application.hbs文件确实包含了我通过在post.hbs文件中添加一些虚拟文本来测试的{{outlet}}。此文本正确显示。

任何想法为什么我的模型无法正常显示将非常感激。谢谢!

1 个答案:

答案 0 :(得分:1)

除非您在将代码输入StackOverflow时出错,否则您的问题是您实际上没有在模型挂钩中返回任何内容。改变这个:

 this.store.find('post');

对此:

 return this.store.find('post');