ember.js在模板中显示存储数据

Question

我有要从服务器检索的JSON数据，我想在ember.js的模板中显示它。 我将数据保存在商店中，并且想要在模板中呈现数据。

我的范本

<script type="text/x-handlebars" data-template-name="DieDaten" >
<p>{{name}} some text2</p>

 <ul id="todo-list">
 {{#each person in model}}
        <li>
          <label>{{person.firstName}} and text</label>
        </li>
  {{/each}}
  </ul>

 <button id="clear-completed" {{action 'click'}}>
    Submit
  </button>

</script>

和我相关的控制器

App.DieDatenController = Ember.Controller.extend({ 

   model: function () {
     return this.store.all('person');
   }

});

页面加载后，我得到了。

Uncaught Error: Assertion Failed: The value that #each loops over must be an Array. You passed function () {
    return this.store.all('person');
  }

我该如何解决这个问题呢？

除了保存到商店然后呈现商店之外，是否存在更简单/更好的方式来在模板中呈现JSON？

Answer 1

model不支持Ember.Controller这是相当一部分Ember.Route 。 因此，您的代码应为：

App.DieDatenRoute = Ember.Route.extend({ 

  model: function () {
    return this.store.all('person');
  }

});

您可以在http://emberjs.com/guides/routing/specifying-a-routes-model/上了解有关指定路线模型的更多信息。