Как вызвать функцию из корневого компонента в другой компонент внутри

Question

У меня есть компонент заголовка, который вставляется в app.component.html (как я хочу, чтобы это было исправлено). Все остальные компоненты определены в <router outlet>. Каждый компонент имеет функцию showData(), которая должна вызываться при изменении даты (в компоненте заголовка). Как мне этого добиться? Нужно ли использовать настройки ActivatedRout?

app.component.html

<app-header></app-header> <router-outlet></router-outlet>

Answer 1

Вы можете использовать это:

<router-outlet (activate)="onRouterOutletActivate($event)"></router-outlet>

activeComponent: any;

onRouterOutletActivate(component: any) {
    this.activeComponent = component;
}

dateChangedEvent() {
    this.activeComponent.showData();
}