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

时间:2017-10-12 11:07:34

标签: javascript angular typescript angular2-routing

在我的Angular 2应用程序中,我有app.module和app.component app.component是我的父组件,在里面,我有路由器插座根据我的路由加载页面。 基于我想要在我的应用程序组件中触发事件的路径加载我的一个组件中的事件。是否有可能,如果可行,怎么办呢。

1 个答案:

答案 0 :(得分:1)

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

所以在您的子组件中,您将拥有

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

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

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

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

我希望它对你有所帮助,我理解你的问题。