繁体   English   中英

成功承诺后,灰烬路线将变为空模型

[英]Ember route getting empty model after successful promise

我已经建立了一个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而没有任何更改的ThingsRoute

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>

extractArraynormalizeconsole.log都显示了以下格式正确且正确的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 ,而当我将ThingsRoutemodel挂钩替换为:

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

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

发生了什么? 为什么即使Adapter看起来做得很好,我的路线也无法获得该模型?

我认为您的问题是因为模板中的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')
});

您应该使用find而不是findAll

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM