ビューの非同期データを持つコンポーネントのAureliaコンポーネント

Question

コンポーネントを持つビューがあり、そのコンポーネントには子コンポーネントがあります。ビューはサーバーからデータを取得します。最初のコンポーネントは、いくつかのカスタム属性の双方向バインディングを実装しています。子コンポーネントは、親によって操作されたデータを使用して同様の動作をします。とにかく、アプリケーションが起動すると、ビューのコンポーネントは取得されたバウンドデータを表示できます。コンポーネントのコンポーネントが失敗します。私はバインディングを更新するか、何らかのイベントをチェックするか、ビューがattach（）の前にデータを受け取るまで待つ必要があると思います。コンポーネントと子コンポーネントは、フェッチ中にビュー全体をブロックするだけでなく、何かが起こっていることを示すためにスタイルを設定できるので、後者が最もよく見えるかどうかはわかりません。私はこれを見つけた、http://blog.williamhayes.org/2016/03/aurelia-custom-element-async-life-cycle.html;しかし、私のためにインポートが失敗します。

非同期データを含むコンポーネントをビューに提供すると、子コンポーネントに結果が提供されます。

Answer 1

のインポートが失敗した理由を私は思い出すことができません。しかし、CompositionTransaction技術がこの問題を解決したことに気づきたい。バインド可能なデコレータとchangeHandlerの使用法と組み合わせると、理想的なソリューションとなりました。 http://blog.williamhayes.org/2016/03/aurelia-custom-element-async-life-cycle.html

Answer 2

私はあなたがactivate()フックを探していると思います。 Promiseを返すことができ、ビューはデータを待機します。例えば：

activate() { 
    return this.service.getSomeData() 
     .then(data => { 
     this.propertyThatIsBoundToChildComponent = data; 
     }); 
} 

詳しい情報http://aurelia.io/hub.html#/doc/article/aurelia/framework/latest/cheat-sheet/7