DOM完成元素渲染后执行一个方法

Question

在我的应用程序上，主页上有一个组件，该组件从侧面菜单中接收“选项对象”（另一个组件）。

菜单上有一个“发布”按钮，当我按下它时。它通知我的家 observable 来更新组件。

哪个通知另一个 observable （家庭）它收到了更新的模型。

然后该组件（通过*ngIf*）相应地显示/隐藏一些DOM元素。

问题是： 当获得“反向通知”时，我在呈现的元素上运行JavaScript函数。但是我不能仅仅因为它比DOM渲染先执行而工作。

所以你们知道侦听器DOM的任何方法吗？那么，当渲染完成后，我可以调用该函数了吗？

如果它是ngFor，我可以使用（last）变量上的指令使其工作。但事实并非如此……

Answer 1

我认为您可以使用Angular的生命周期挂钩解决此问题。您可以浏览documentation of angular lifecycle hooks并根据需要使用它。

Answer 2

https://angular.io/guide/lifecycle-hooks

您需要的是

  

ngAfterViewInit（）

     

在Angular初始化组件的视图和子级后响应   views /指令所在的视图。   在第一个ngAfterContentChecked（）之后调用一次。