Angular 2のデータ更新に関する子コンポーネントへの通知

Question

私のAngular 2アプリには、特定の子コンポーネント（特にSystemDynamicsComponentという名前のもの）が埋め込まれた1つのメインコンポーネントがあります。

次のように私は、親コンポーネントで、この子コンポーネントが含まれます：

<system-dynamics [sdFactors]="displayedCalculation?.getCombinedSdFactors()"></system-dynamics> 

興味深い部分は、子コンポーネントに渡されたパラメータsdFactorsです。子コンポーネント内では、次のように定義されます。

@Input() sdFactors: any[] = []; 

要約すると、親コンポーネントは上記の子コンポーネントにデータを渡します。

ポイントは、親コンポーネントがPromiseを使用してHTTP経由で非同期にデータを取得することです。何らかの理由で、このデータが完全に取得されたら、子コンポーネントに通知します。

これを行うには？

Answer 1

あなたは、このためにゲッターとセッターを追加することができます。

private _sdFactors: any[] = []; 

@Input() 
public set sdFactor(value: any[]) { 
    // sdFactor updated ! you can do something 
    this._sdFactor = value; 
} 

public get sdFactor(): any[] { 
    return this._sdFactor; 
}