Ember 没有获得某些属性 [英] Ember get not getting certain attribute
问题描述
在 Google Chrome 上从 UserController 运行以下代码时，使用 ember-couchdb-kit-0.9，Ember Data v1.0.0-beta.3-56-g8367aa5、Ember v1.0.0 和
更新
非常混乱的更新！
当我从不同的函数中保存模型时:
saveModel: function() {this.get('model').save().then(函数(数据，文本状态，jqXHR){console.log('保存成功.');},函数(jqXHR，textStatus，errorThrown){控制台日志(jqXHR)；控制台日志(错误抛出)；控制台日志(文本状态)；});}模型已正确保存.serializeBelongsto 中的所有内容都按预期工作.
这是一个不同的 pastebin，显示了这种情况的输出:http://pastebin.com/Vawur8Q0
我找到了问题所在.基本上，serializeBelongsTo 中的 belongsTo 对象在被引用时并未真正解析，我通过查询 isFulfilled 发现了这一点.所以我通过这种方式保存边来实现:
function saveOn(目标，属性){target.addObserver(属性，函数(){如果(目标.获取(属性)){console.log("里面有 %@".fmt(attribute));target.removeObserver(属性)；Ember.run.once(目标，函数(){目标.save();});}});};客户注册:函数(){var model = this.get('model');var customer = this.get('store').createRecord('customer', {描述:'为什么你好先生'});customer.save().then(function () {模型.set('客户', 客户);customer.set('user', 模型);saveOn(customer, 'user.isFulfilled');saveOn(model, 'customer.isFulfilled');});}现在一切都像一个魅力.不过，serializeBelongsTo 考虑到这一点可能是个好主意.这行: console.log(Ember.get(belongsTo, 'isFulfilled')); 在我的情况下出现 false .记录的创建和序列化之间只是存在某种竞争条件！
我想让我的 saveOn 函数返回一个 promise，然后我可以用它来将多个 saveOn 链接在一起.这样我就不必执行 customer.save() 来确保填充了 id.
When running the following from the UserController on Google Chrome, with ember-couchdb-kit-0.9, Ember Data v1.0.0-beta.3-56-g8367aa5, Ember v1.0.0, and this couchdb adapter:
customerSignUp: function () {
var model = this.get('model');
var customer = this.get('store').createRecord('customer', {
description: 'Why hello sir',
user: model
});
customer.save().then(function() {
model.set('customer', customer);
model.save();
});
}
with these models:
App.User = App.Person.extend({
name: DS.attr('string'),
customer: DS.belongsTo('customer', {async: true })
App.Customer = DS.Model.extend({
user: DS.belongsTo('user', {async: true}),
description: DS.attr('string')
});
neither the user nor the customer has their relationship set properly (in the Ember Debugger the user has null and the customer has <computed>, rather than some sort of <EmberPromiseObject> which is what they have when it works).
This only happens when the object in question is persisted. If the save() calls are omitted, both have correctly set relationships, but of course the database hasn't been updated with this information. Whenever the saves happen, the relationships are overwritten with empty entries.
I found that the problem was in the adapter's serializeBelongsTo function, which I've now changed my copy to the following:
serializeBelongsTo: function(record, json, relationship) {
console.log("serializeBelongsTo");
console.log(record.get('user'));
console.log(json);
console.log(relationship);
var attribute, belongsTo, key;
attribute = relationship.options.attribute || "id";
console.log(attribute);
key = relationship.key;
console.log(key);
belongsTo = Ember.get(record, key);
console.log(belongsTo);
if (Ember.isNone(belongsTo)) {
return;
}
json[key] = Ember.get(belongsTo, attribute);
console.log(Ember.get(belongsTo, attribute));
console.log(json);
if (relationship.options.polymorphic) {
return json[key + "_type"] = belongsTo.constructor.typeKey;
}
else {
return json;
}
}
attribute, belongsTo, and key all log as correct, but
console.log(Ember.get(belongsTo, attribute)); returns undefined,
which I've tried to change to
console.log(Ember.get(Ember.get(belongsTo, 'content'), attribute));
since console.log(belongsTo); told me the id attribute was hidden inside a content object. Attached is a screenshot showing what I mean.
The change doesn't fix the problem though, and I keep getting undefined. No matter what method I use to try to get the id out of the belongsTo object, I always get either null or undefined. Here are some examples of things I've tried to get content out of the object:
var content = belongsTo.content;
var content = Ember.get(belongsTo, 'content');
var content = belongsTo.get('content');
console.log(json); returns Object {description: "Why hello sir", user: undefined}
Here's a pastebin showing relevant output: http://pastebin.com/v4mb3PJ2
Update
A very confusing update!
When I save the model from a different function:
saveModel: function() {
this.get('model').save().then(
function( data, textStatus, jqXHR ) {
console.log('Saved successfully.');
},
function( jqXHR, textStatus, errorThrown ) {
console.log(jqXHR);
console.log(errorThrown);
console.log(textStatus);
}
);
}
The model is correctly saved. Everything in serializeBelongsto works exactly as expected.
Here's a different pastebin showing output for this case: http://pastebin.com/Vawur8Q0
I figured out the problem. Basically the belongsTo object in serializeBelongsTo wasn't really resolved by the time it was being referenced, which I found out by querying isFulfilled. So I implemented by saving side this way:
function saveOn (target, attribute) {
target.addObserver(attribute, function () {
if (target.get(attribute)) {
console.log("Inside with %@".fmt(attribute));
target.removeObserver(attribute);
Ember.run.once(target, function() {
target.save();
});
}
});
};
customerSignUp: function () {
var model = this.get('model');
var customer = this.get('store').createRecord('customer', {
description: 'Why hello sir'
});
customer.save().then(function () {
model.set('customer', customer);
customer.set('user', model);
saveOn(customer, 'user.isFulfilled');
saveOn(model, 'customer.isFulfilled');
});
}
Now everything works like a charm. It might be a good idea for serializeBelongsTo to take this into account though. This line: console.log(Ember.get(belongsTo, 'isFulfilled')); was coming up false in my case. There was just a race condition of some sort between the creation of the record and it's serialization!
I'd like to make my saveOn function return a promise though, which I could then use to chain multiple saveOns together. That way I wouldn't have to do a customer.save() to make sure the id's were populated.
这篇关于Ember 没有获得某些属性的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
