дочерний компонент не получает отображение при использовании активного события router-outlet для получения экземпляра дочернего компонента

Question

При использовании розетки маршрутизатора я использовал событие « active », чтобы получить экземпляр дочернего компонента.

Розетка маршрутизатора будет генерировать событие активации каждый раз, когда новый компонент создается и деактивируется, когда уничтожается.

Пример - https://stackblitz.com/edit/angular-router-basic-example-a9jpsd?file=app / app.component.ts

Пример кода -

App.component. html

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

App.component.ts

public onRouterOutletActivate(event : any) {
    console.log(event);
}

Но дочерний компонент не отображается при начальной загрузке, а элемент находится в DOM.

Есть идеи по этой проблеме?

Answer 1

Возвращает логическое значение, для которого (активация) ищет:

public onRouterOutletActivate(event : any) {
    if(event){
      console.log(event);
      return true;
    }else{ return false; }
}

А также просто проверьте app.component. html, если вы вызываете ту же функцию onRouterOutletActivate on (активировать) :

(activate)="onRouterOutletActivate($event)"

Надеюсь, у вас это работает !!!