如何从根组件调用函数到 <router-outlet> 中的另一个组件

Question

我有一个 header 组件被注入 app.component.html（因为我希望它被修复）。 <router outlet> 中定义了所有其他组件。每个组件都有一个函数 showData() 应该在日期（在 header 组件中）更改时调用。我怎样才能做到这一点？我必须使用 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();
}

如何从根组件调用函数到 <router-outlet> 中的另一个组件

How to call a function from root component to another component inside <router-outlet>

angular

angular-router