如何检测布局组件中加载了新的角度组件？

Question

我们有一个 Angular 项目，它使用“router-outlet”将组件渲染成布局（组件）.. 如您所知，布局的 ngOnInit 仅在第一次加载时用完，当新组件加载到布局中时，布局的 ngOnInit 不会再次运行.. 我正在寻找知道如何检测布局中加载的新组件.. 有没有办法知道？！

Answer 1

使用activate 事件来实现相同的 .每当我们在路由器出口中加载一个组件时，就会发出一个激活事件。

布局组件

  <div class="container">
    <router-outlet (activate)="onActivate($event)"></router-outlet>
  </div>

模板

  onActivate(componentRef){
    // fires every time a new component is loaded
  }