Ember.js：从组件的javascript获取模型关系

Question

我正在构建一个组件，并且我注意到了一个对我来说似乎很奇怪的行为。我的组件被调用如下：

{{my-component model=model}} 

我的模型包含如下关系：

type: DS.belongsTo('type') 

现在，在my-component.js，如果我登录到控制台this.get('model.type.name')（或this.get('model').get('type').get('name')），我得到undefined。但是，如果在my-component.hbs中插入了{{model.type.name}}，则该值显示正确。

我真的不理解这种行为：我如何从组件的JavaScript中访问模型的关系，就像我在组件的Handlebars模板中一样？

谢谢！

Answer 1

在余烬数据中，关系被视为Promise，因此您应该使用then作为结果。

this.get('model').get('type').then((result) =>{ 
console.log(' Name ', result.get('name')); 
}); 

参见： https://guides.emberjs.com/v2.14.0/models/relationships/#toc_relationships-as-promises