コンポーネントをインスタンス化する前にデータが読み込まれるのを待ちます。

Question

私はAngular 1.5を使用しています。以下に示すように、別のコンポーネントに埋め込まれたコンポーネントがあります。問題は、角膜炎がcomponent-childのときに変数dataがまだ解決されていないため、何も得られないということです。子コンポーネントがインスタンス化される前に変数が解決されるのを待つ方法

HTML

<component-parent> 
    <component-child data="$ctrl.data._id"><\component-child> 
</component-parent> 

JS

this.data = SomeResource.get(); 

Answer 1

ng-if？

<component-parent> 
    <component-child ng-if="$ctrl.data._id" data="$ctrl.data._id"> </component-child> 
</component-parent> 

Answer 2

あなたはときにデータをロードするコンポーネントのコンパイルを延期するngIfを使用することができます。私たちについてどのように

Somesource.get().then(function(data) { 
    this.makeComponentVisible = true; 
}); 

<component-parent> 
    <component-child ng-if="$ctrl.makeComponentVisible" data="$ctrl.data._id"><\component-child> 
</component-parent>