列出Ember模板中的已获取记录

Question

我试图通过跟随Vic Ramons Ember Rails tutorial来学习余烬。

我试图列出我从Rails获取的用户。

<!-- /templates/users.handlebars -->
<article id="users">
  <h2>Users</h2>
  <ul>
      {{#each user in controller }}
          <li>{{ user.email }}</li>
      {{/each}}
  </ul>
</article>

呈现/templates/users.handlebars但未列出任何用户。

我已经检查了JSON输出，这是好的。当我检查chrome中的ember检查器选项卡时，我可以看到20＆＃39; user＆＃39;数据部分中的模型。

列出用户记录的正确方法是什么？

/routes/users.js：

Tagged.UsersRoute = Ember.Route.extend({
    model: function(){ return this.store.findAll('user') }
});

/models/users.js：

Tagged.User = DS.Model.extend({
  email: DS.attr('string')
});

/controllers/users.js：

Tagged.UsersController = Ember.Controller.extend({

});

/router.js：

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

适配器/ application_adapter.js：

Tagged.ApplicationAdapter = DS.ActiveModelAdapter.extend({});

控制器JSON响应：

{ "users":[
    {"id":"5599bbc44d6178d3ae000000","email":"sasha@example.com"},
    {"id":"5599bbc54d6178d3ae000001","email":"roberta@example.com"},
    {"id":"5599bbc54d6178d3ae000002","email":"reyna.mayert@example.com"}
    # ...
] }

Answer 1

<article id="users">
  <h2>Users</h2>
  <ul>
      {{#each user in model }}
          <li>{{ user.email }}</li>
      {{/each}}
  </ul>
</article>

Answer 2

在模板中，通常不使用控制器的模型属性。如果您将/controllers/users.js更改为：

Tagged.UsersController = Ember.ArrayController.extend({

});

它应该工作。因为UsersController变成了一个与#each一起工作的ArrayController，而普通控制器没有。