javascript - RESTAdapter 不适用于 Ember

Question

我正在使用 Ember 并尝试从我的 REST API 检索数据，但它没有按预期工作。首先，我非常不确定如何调试 RESTAdapters，其次，我没有看到在 Chrome Devtools WebView 中进行的调用。

HTML:

<script src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.3.0/handlebars.min.js"></script>
<script src="http://builds.emberjs.com/release/ember.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ember-data.js/1.0.0-beta.11/ember-data.js"></script>

这是我的 JS:

App = Ember.Application.create();

App.Store = DS.Store.extend({
    adapter: DS.RESTAdapter.extend({
        host: 'http://example.com/api'
    })
});

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

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

我的控制台返回:

Error while processing route: index undefined is not a function TypeError: undefined is not a function

我明白这意味着我显然要返回一些空指针或空模型。

那么问题来了，我该如何调试 RESTAdapter？

Answer 1

您似乎在使用旧的 ember-data 语法并将其应用于 1.0beta11。我目前没有链接，但请查看官方存储库或指南。您 route 的 model Hook 应更改为:

return App.Bodypart.find();

到

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

此外，您似乎也错误地声明了您的适配器。应该是:

App.ApplicationAdapter = DS.RESTAdapter.extend({
    host: 'http://example.com',
    namespace: 'api'
});

此外，请考虑将请求从 ApplicationRoute 更改为子路由，否则您可能会遇到“假卡住”应用程序，如图所示 here