[英]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>
extractArray
和normalize
的console.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
,而当我将ThingsRoute
的model
挂钩替换为:
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.