在子组件定义了一个output事件,例如
@Output()myTestOutput: EventEmitter =newEventEmitter();
在点击事件中把数据传递给父页面
dateClicked(day){
this.myTestOutput.emit("123");
}
父页面接收事件,html写法是
![](https://img.haomeiwen.com/i2587882/a68961c4f9d4c717.png)
请注意参数一定要写$event,然后事件里面写
![](https://img.haomeiwen.com/i2587882/a6033902c8d17d2d.png)
myTestOutput括号里面两个地方写的要不一样,这样才能接收到值!请注意写法!!
在子组件定义了一个output事件,例如
@Output()myTestOutput: EventEmitter =newEventEmitter();
在点击事件中把数据传递给父页面
dateClicked(day){
this.myTestOutput.emit("123");
}
父页面接收事件,html写法是
请注意参数一定要写$event,然后事件里面写
myTestOutput括号里面两个地方写的要不一样,这样才能接收到值!请注意写法!!
本文标题:Angular4 @output在父页面接收不到数据的坑!!
本文链接:https://www.haomeiwen.com/subject/xqvfsxtx.html
网友评论