У меня есть следующий корень приложения:
@Component({
selector: 'my-app',
providers: [],
templateUrl: `<button (click)="callChildFunction()">Close</button>
<router-outlet></router-outlet>`
})
export class AppComponent {
constructor() {
}
callChildFunction(){
// Call myFunction() here
}
}
И вот мой ребенок (компонент, используемый в router-outlet
):
@Component({
selector: 'child',
providers: [],
templateUrl: `<div>Hello World</div>`
})
export class ChildComponent {
constructor() {
}
myFunction(){
console.log('success');
}
}
Я обнаружил, что могу использовать RouterOutlet, чтобы получить функции компонента, но он не кажется доступным изнутри корня приложения.
Как я могу вызвать myFunction()
из корня приложения?