javascript - 从路由Angular中的子组件加载触发父组件中的事件

Question

在我的 Angular 2 应用程序中，我有 app.module 和 app.component app.component 是我的父组件，在其中，我有 router-outlet 来根据我的路线加载页面。 基于我的组件之一中的事件加载，基于我想要在应用程序组件中触发事件的路线。是否可能，如果可以，该如何做。

Answer 1

是的，您必须在子组件的 ngOnInit 中触发输出事件发射器。

所以在你的子组件中你将有

@Output() myEventOnInit= new EventEmitter<dataType>();
ngOnInit() {
    myEventOnInit.emit(myData)
}

然后在你的 app.component 模板中:

<my-child-componant (myEventOnInit)="myFunctionThatHanddleTHeInitComponant($event)"></my-child-componant>

myFunctionThatHanddleTHeInitComponant 是您必须在父组件中描述的函数。

我希望它对您有所帮助，并且我已经理解您的问题。