2017-11-25 1 views
1

私は親Componentを持っているとしましょう。コンポーネントapp-main-consoleとネストされたコンポーネントapp-consoleです。ネストされたコンポーネントにはテーブルがあります。メインコンポーネントがロードされたときに、最初に表示されます。Typescriptでイベントを定義できますか?

ユーザーが見たい場合は、テーブルにデータを取り込みたいと思っています。したがってfetchTableDataというinputプロパティがあります。

<app-console [fetchTableData]="fetchTableData">   
</app-console> 

ブール値です。

@Input() fetchTableData: boolean; 

それはfetchTableDataの値がtrueになったとき、私はバックエンドサービスを呼び出すことができるようにイベントを定義することは可能ですか?あなたはAngular life cycle hookからOnChangesを使用することができます

+0

fetchTableDataの値がtrueになると、 –

+0

ユーザがSelect要素から「正しい場所」を選択したとき。値が '空文字列'以外の場合は、データを取得する時間ですが、パネルが無駄になりました。私は選択した値を送信するはずですが、今はブール値を送信しています。 – Richard77

答えて

2

を支援するための

感謝。

ngOnChanges(changes: SimpleChanges) { 
    for (let propName in changes) { 
    if(propName === 'fetchTableData') { 
     let chng = changes[propName]; 
     let cur = chng.currentValue; 
     let prev = chng.previousValue; 

     if(cur && cur === true) { 
     // Action you want to perform 
     } 

    } 
    } 
} 
関連する問題