Verwenden von ngZone onStable, um zu überprüfen, ob die Komponente gerendert wird

Question

Ich versuche, NgZone zu verwenden, um meinen Paginierungsstatus zu aktualisieren, sobald die Zone stabil ist, so dass die Komponente, die ich paginieren möchte, vollständig gerendert wird, und ich die richtige scrollWidth abrufen vom Renderer.

Die Art und Weise ist dies in Angular Material 2 Code verwendet wird:

// Update the position once the zone is stable so that the overlay will be fully rendered 
// before attempting to position it, as the position may depend on the size of the rendered 
// content. 
this._ngZone.onStable.asObservable().pipe(first()).subscribe(() => { 
    this.updatePosition(); 
}); 

ich gleich in meiner Komponente tun und meine eigene Methode anstelle von ‚this.updatePosition()‘ laufen. Das hilft mir zwar nicht, den letzten gerenderten Zustand zu erhalten, aber es läuft immer noch zu früh.

Was fehlt mir hier? Was ist der richtige Weg um ngZone mit onStable zu benutzen?

Answer 1

// Update the position once the zone is stable so that the overlay will be fully rendered 
// before attempting to position it, as the position may depend on the size of the rendered 
// content. 

let that = this; 

that.updatePosition();