在實例化組件之前等待數據加載

Question

我正在使用Angular 1.5。我有一個組件嵌入到另一個組件中，如下所示。問題是，data變量尚未解決時，角火災component-child，所以我什麼也沒有得到。如何在子組件實例化之前等待變量被解析。

HTML

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

JS

this.data = SomeResource.get(); 

Answer 1

怎麼樣我們ing 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>