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