Question

我已经构建了一个RESTAdapter来与couchdb一起工作，我正在测试它以确保它有效，而且到目前为止似乎没什么问题，但我的测试路线似乎还有其他问题。

对不起，这太长了，我可能应该为它设置一个小提琴......我以前从未这样做过，但现在会调查它......

我已经构建了以下（相关）的东西：

App.Thing = DS.Model.extend({
    rev: DS.attr(),
    price: DS.attr()
});

App.Things<Index>Route = Ember.Route.extend({
    model: function () {
        return this.get('store').findAll('thing');
    }
});

（我已尝试使用ThingsRoute Index而没有任何更改{/ 1>}

在App.Router.map：

this.resource('things', function() {
    this.route('thing', { path: ':thing_id'})
});

在App.ApplicationAdapter = DS.RESTAdapter.extend：

buildURL: function(type, id) {
    id = id || '_all_docs?include_docs=true';
    return this._super(type, id);
}

在App.ApplicationSerializer = DS.RESTSerializer.extend：

extractArray: function(store, type, payload, id, requestType) {
    root = type.typeKey;
    root = Ember.String.pluralize(root);
    newJSON = {};

    newJSON[root] = payload.rows.map(function(row) {
        return row.doc;
    });
    payload = newJSON;

    console.log(payload);
    return this._super(store, type, payload, id, requestType);
},

normalize: function(type, hash, property) {
    var json = { id: hash._id, rev: hash._rev};
    delete hash._id;
    delete hash._rev;

    for (var prop in hash) {
        json[prop] = hash[prop]; 
    }

    console.log(json);
    return this._super(type, json, property);
}

这个模板：

<script type="text/x-handlebars" data-template-name="things/index">
    {{#each thing in things}}
        {{thing.rev}}
        {{thing.price}}
    {{else}}
        Empty.
    {{/each}}
</script>

console.log和extractArray中的normalize都显示以下格式正确且正确的json：

Object {things: Array[3]}
Object {id: "8117701d38cf9a1112ce8ed38000064d", rev: "1-14918623fedb103cf035ff2489e0a6a1", price: 1}
Object {id: "8117701d38cf9a1112ce8ed3800006e5", rev: "1-09b1e6aa1fb391e11c90bca86daccb7a", price: 5}
Object {id: "8117701d38cf9a1112ce8ed38000144e", rev: "1-2a682bf7ce58829ad2054bb8f5fbe869", price: 4}

但是在呈现模板时，它只显示Empty，当我将model中的ThingsRoute挂钩替换为此时：

return {things: [{id: 1, rev: 234, price: 4}, {id: 2, rev: 235, price: 3}]};

它完全按预期工作。当我定义afterModel：

时

afterModel: function(things, transition) {
    console.log(things);
    console.log(transition);
}

记录下来：

Class {type: function, store: Class, isLoaded: true, isUpdating: false, toString: function…}
Transition {router: Router, promise: Promise, data: Object, resolvedModels: Object, providedModels: Object…}

Class对象有这个：

content: Array[3]
  0: Class
  1: Class
  2: Class

并且每个Class es都有一个与我的对象相对应的id字段。

发生了什么事？为什么即使在适配器似乎完美地完成了它的工作后，我的路线也不能获得该模型？

Answer 1

我认为您的问题是因为模板中的things变量不存在，尝试更新为model

<script type="text/x-handlebars" data-template-name="things/index">
    {{#each thing in model}}
        {{thing.rev}}
        {{thing.price}}
    {{else}}
        Empty.
    {{/each}}
</script>

或者，如果您想要该变量，可以在控制器中创建别名：

App.ThingsIndexController = Ember.ArrayController.extend({
    things: Ember.computed.alias('model')
});

Answer 2

您应该使用find而不是findAll

Ember路线在成功承诺后获得空模型

2 个答案: