Angular-有没有办法让活动处理程序等待其执行，直到DOM进行更新？

Question

考虑一个动态表，即一个表格，其行是动态构建的：

<table>
  <tbody>
    <tr *ngFor="let row of tableRows">
      <td>{{ row.id }}</td>
      <td>{{ row.name }}</td>
  </tbody>
</table>

我现在正在为组件的变量tablerows 添加新条目，然后在这样做之后，我发出addrow <addrow < /代码>事件。我使用此表的组件通过将最后一个表行滚动到视图中来处理addrow事件。

我遇到的问题是，我刚刚添加的表行在我调用scrollintoview时尚未在DOM中可用。但是，这似乎是一个毫秒的问题，在将以下SettieMout添加到我的addrow事件处理程序时，一切都可以正常工作：

setTimeout(() => this.scrollRowIntoView(), 0);

我不喜欢必须使用settimeout 在这里。因此，我想知道，是否有一种方法可以等到DOM已更新后才调用scrollintoview（）？

在我的父组件中实现afterviewChecked时，即包含表和addrow-event handler的组件，我意识到：

ngafterviewchecked（）方法在<代码> onaddrow ，即Addrow-event Handler。显然，我希望它是反过来的，并在onaddrow之前调用ngafterviewchecked（），因为只有这样，DOM才进行了更新。现在，我不能只调用onaddrow ins ngafterviewchecked（），因为我不想每次检查视图时都会调用此方法发出。

我设法通过将布尔变量rowadded引入我的父部件来使它起作用，该 在ngafterviewChecked（）中被切换。如果此变量为trui，则我调用scrollintoview ngafterviewchecked（），然后切换布尔值变量。但是，为了使其工作，我仍然需要设置要滚动到我的onaddrow事件处理程序的行已经对其进行了检查。

在我看来，无法预见到哪种方法先执行，首先是ngafterviewchecked或onaddrow，这样我倾向于使用settemeTimeout 。