Question

好的，我现在已经用这个问题抓了一会儿。我试图通过RESTful API加载一些简单数据，但我无法实际显示数据。我可以看到正在进行正确的API调用（正确设置了auth头）并且正在返回数据，但它从未显示过。任何帮助将不胜感激。

这是我的javascript：

window.App = Ember.Application.create();

App.Store = DS.Store.extend({
  revision: 13
});
DS.RESTAdapter.reopen({
  namespace: 'api',
  headers: {
    'X_AUTH_TOKEN': user_api_key
  }
});

App.Router = Ember.Router.extend();
App.Router.map(function () {
  this.resource('config_items');
});

App.ConfigItem = DS.Model.extend({
  name: DS.attr('string'),
  value: DS.attr('string')
});

App.IndexRoute = Ember.Route.extend({
  model: function() {
    return App.ConfigItem.find();
  }
});

模板（在HAML中）：

%script(type="text/x-handlebars" data-template-name="config_items")
  %ul#config-item-list
    {{#each controller}}
    %li {{name}}: {{value}}
    {{/each}}

API调用返回的数据：

{"config_items":[
  {
    "id":6,
    "organization_id":1,
    "name":"test",
    "value":"1234",
    "created_at":"2013-08-24T00:54:07Z",
    "updated_at":"2013-08-24T00:54:07Z"
  },{
    "id":9,
    "organization_id":1,
    "name":"qwer",
    "value":"tyui",
    "created_at":"2013-08-24T01:02:35Z",
    "updated_at":"2013-08-24T01:02:35Z"
  },{
    "id":11,
    "organization_id":1,
    "name":"6666666",
    "value":"gggg",
    "created_at":"2013-08-24T01:02:59Z",
    "updated_at":"2013-08-24T01:02:59Z"
  }
]}

Answer 1

要显示您的商品，您需要对代码进行一些更改。

让我们开始吧，首先删除这一行：

App.Router = Ember.Router.extend();

这不是必需的，因为ember将为您App命名空间查找名为Router的属性。

然后，将路由器地图更改为此内容，添加{path: '/'}，这将使您的config_items模板在访问'/'时直接呈现，因为我们已在config_items中对其进行了定义资源path属性。

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

最后添加ConfigItemsRoute model挂钩find()

App.ConfigItemsRoute = Ember.Route.extend({
  model: function() {
    return App.ConfigItem.find();
  }
});

最后但并非最不重要的是这里有一个演示：http://jsbin.com/odosoy/110/edit

希望它有所帮助。

Ember.js无法渲染数据

1 个答案: