angular - 使用 ngZone onStable 检查组件是否被渲染

Question

我正在尝试使用 ngZone 在区域稳定后更新我的分页状态，以便我尝试分页的组件将被完全渲染，并且我将从渲染器获得正确的 scrollWidth。

它在 Angular Material 2 中的使用方式代码是这样的:

// 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();
});

我在我的组件中做同样的事情并运行我自己的方法而不是'this.updatePosition()'。但这并不能帮助我获得最新的渲染状态，它仍然运行得太早。

我在这里错过了什么？将 ngZone 与 onStable 一起使用的正确方法是什么？

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();