Lifecycle Hooks in Angular 2

Question

私のアプリケーションでWijmoグリッドを使用しています。しかし、グリッドは最初は画面に正しく表示されません。 最初の列はチェックボックスで、このメソッドはthis.flex.refreshを呼び出します。これは実際にグリッドをリフレッシュし、おそらく再レンダリングします。

最初にページが読み込まれると、チェックボックス付きのセルが1つだけ表示されます。それをクリックすると、フルグリッドが表示されます。 コールからフレックスリフレッシュメソッドを削除すると、すべてが表示されます。

実際のグリッドがレンダリングされる前に、グリッドのCSSがロードされていないと仮定します。 （それは私の角のCLI JSONでそれを持っているはずですが）。

私がやっていることは、ページが完全に読み込まれたときにリフレッシュすることですが、信頼できるフックを見つけることができません。

flex変数は、すべてが完了するとその値が割り当てられます（コンストラクターまたはngInitでは定義されていません）。

私は、それが存在する信頼できるフックを見つけることを試みています。

ngAfterViewInit、ngAfterContentInitを試しましたが、そこには定義されていません。

私は

ngAfterViewInit() { 
    setTimeout(() => { 
     this.flex.refresh(); 
    }, 500); 
    } 

を行う場合、それは時々動作し、時にはません。 setTimeoutで私はflexの変数をほとんどの時間を見つけることができますし、時々そうではありません。これは少し信頼できないようです。 私はメソッドを呼び出すことができるフックがあるのだろうかと思っていました。ページが完全に初期化された後に呼び出されるフック。 AfterViewInit & afterContentInitは、初期化が開始され、完了していないと呼び出されたようです。

Answer 1

ngAfterViewChecked()で同じ番号を呼び出すことができます。ドキュメントの状態はこれがときに呼び出されたよう：

Respond after Angular checks the component's views and child views. 

Called after the ngAfterViewInit and every subsequent ngAfterContentChecked(). 

Answer 2

ドキュメントに基づいて、最後のフックがngAfterViewCheckedです。

Angular throws an error if the hook updates the component's data-bound comment property immediately (try it!). The LoggerService.tick_then() postpones the log update for one turn of the browser's JavaScript cycle and that's just long enough.

wait a tick