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

Question

我们有一个有角度的项目，使用“ router-outlet”将组件渲染到布局（组件）中。您知道，布局的ngOnInit仅在第一次加载时用完，当新组件加载到布局中时，布局的ngOnInit不会再次运行..我想知道如何检测布局中是否已加载新组件..有什么方法可以知道吗？

Answer 1

Make use of activate event for the same . Whenever we load a component in router outlet a activate event is emitted .

Layout Component

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

Template

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