无法在 ember 数据关系上调用保存

Question

我想处理组件/表单中的关系。当我创建关系时它工作正常，但当我尝试更新时它失败

import Ember from 'ember';
export default Ember.Component.extend({
  store: Ember.inject.service(),
  init(){
    this._super(...arguments);
    var adresseField=this.get('adresseAttributeField');
    var parent=this.get('parent');
    if (parent.get(adresseField).content==null) {
      this.set('adresse',this.get('store').createRecord('adresse'));
    }else{
      this.set('adresse',parent.get(adresseField));
    }
  },
  actions:{
    saveAdresse(adresse){
      console.log(adresse);
      var parent=this.get('parent');
      var adresseField=this.get('adresseAttributeField');
      adresse.save().then(()=>{
        if(parent.get(adresseField)!=adresse){
          parent.set(adresseField,adresse)
          parent.save()
        }
      }),()=>{
      }
    }
  }
});

触发 saveAdresse 并更新地址时出现错误消息：

adresse.save is not a function

创建地址时，组件工作正常。

我认为当我检索现有关系时，我的问题出在 init 中：

this.set('adresse',parent.get(adresseField));

但是我无法确定问题到底是什么。

Answer 1

这里的问题很可能是adresseField是一种异步关系。对于这种关系，Ember Data 将返回所谓的 promise 代理对象。这样，一旦关系解决，Ember就可以访问属性。但是，方法不是代理的，因此为什么它告诉您adresseField没有该方法。

您需要访问.then块中的已解析关系：

parent.get(adresseField).then(result => {
  this.set("adresse", result);
});

Answer 2

问题可能在于它是一种异步关系。您可以通过调用 promise 上的 .then 并在那里设置属性来解决此问题，但这可能会导致异步副作用。实际上，当您在组件中时，您希望所有数据都可供您使用，而无需进行异步调用。

如果可能的话，最好在路由级别加载该数据，以便您知道它此时可用。