Ember.js：コンポーネントのJavaScriptから計算された別名にアクセス

Question

次のように私は現在、計算された別名を含むモデルを持って次のように

model: DS.belongsTo('device-model'), 
manufacturerName: Ember.computed.alias('model.manufacturer.name') 

私はそれから呼び出されるコンポーネントを持っている：

{{my-component model=model}} 

コンポーネントのハンドルバーテンプレートでは、{{model.manufacturerName}}で計算されたプロパティに簡単にアクセスできますが、my-component.jsでは問題なく動作しています。私は試しました：

console.log(this.get('model').get('manufacturerName')) 

ただし、出力はundefinedです。これまでのところ、私は私の-component.jsからメーカー名を取得することができる唯一の方法は次のとおりです。

this.get('model').get('model') 
.then((model) =>{ 
    return model.get('manufacturer') 
}) 
.then((manufacturer) => { 
    console.log(manufacturer.get('name')) 
}) 

だから、私はハンドルテンプレートは、私はそのjavascriptの対応で行うことができないことをやっていることを思ったんだけど？ Handlebarsのテンプレートは約束通りですが、コンポーネントのjavascriptについては手作業で行う必要があります。

ありがとうございました！

Answer 1

私は問題があなたのbelongsTo関係のためだと思います。 Emberのリレーションシップのデフォルト値は{async：true}です。実際にリクエストしたときにのみ、関連するエンティティを取得します。これはあなたのモデルがロードされていないことを意味します。これは、manufacturerNameがmodel.manufacturerName.nameのエイリアスであるためロードされていないことを意味します。