EmberJSがまだロードされていないときにhasManyリレーションのオブジェクトを検査する

Question

私のアプリケーションのワークフローの一部として、私のコードの一部が具体的なObjectをhasManyリレーションロードされていないので、それはundefinedを返しています。

私は、すべての約束の特質を世話していたという希望でEmber.Array.findBy methodを使用しています。

これが失敗している行です。

this.get('report.charts').findBy('questionId', questionId); 
//-> undefined 

現時点では私はこの行を呼び出していますreport.chartsがすべてロードされないことは明らかである：

this.get('report.charts').map(function(e){ return e.get('questionId') }); 
//-> ["Wiese_030", undefined, undefined, undefined, undefined] 

いくつかの詳細情報：

this.get('report.charts').toString(); 
//-> "<DS.PromiseManyArray:ember1209>" 

この状況を処理する方法は何ですか？

Answer 1

非同期リレーションシップ（現在のemberバージョンのすべてのリレーションシップでデフォルト）を使用すると、常にPromiseObjectまたはPromiseArrayが得られます。

計算されたプロパティの場合は、更新をトリガするため、直接使用することができます。だから、これは安全なコードです：

questions: Ember.computed('report.charts.@each.questionId', { 
    get() { 
    return get(this, 'report.charts').findBy('questionId', get(this, 'questionId')); 
    } 
}) 

あなたが他の文脈でこれを行う場合は、約束を待つ必要があります！だから、任意のフック、アクションなどに：

get(this, 'report.charts').then(charts => { 
    let found = charts.findBy('questionId', questionId); 
    ... 
}) 

Answer 2

私はhasManyコレクション内のすべての要素が同様に解決されている場合にのみ解決の約束を返すルートレベルでアプリケーションをブロックし、この問題を解決するために管理しています。

export default Ember.Route.extend({ 
    model(params) { 
    return this.store.findRecord('report', params.report_id); 
    } 
}); 

をそして今、私はこれを持っている：

私は私のルートでこれを持っていた

export default Ember.Route.extend({ 
    model(params) { 
    let reportPromise = this.store.findRecord('report', params.report_id) 

    let promise = reportPromise.then(report => report.get('charts').then(() => report)); 

    return promise; 
    } 
}); 

約束が解決されるまで、アプリケーションはロードルートに残っているためそれはスムージーに動作します。