当前位置: 首页 > Web前端 > HTML5

Angular笔记——子组件向父组件传值(类似VUE的事件传值方式)

时间:2023-04-05 11:13:05 HTML5

如果想像VUE一样通过$emit传值,也有传值的方法从子组件到父组件的角度。:@Output+EventEmitter事件传递方法Subcomponent实例化装饰器装饰的EventEmitter实例,需要时发送信号传递事件(可传递参数)import{Component,OnInit,Input,Output,EventEmitter}from'@angular/核';exportclassHeaderComponentimplementsOnInit{//一起使用EventEmitter和Output装饰器,指定广播传递的参数类型变量@Output()privateouter=newEventEmitter();sendParent(){this.outer.emit('来自孩子的消息');//向父组件广播数据}}父组件调用子组件时,定义了接收事件,outer是子组件的EventEmitter对象子组件,会执行父组件中定义的接收方法-->//接收子组件传过来的数据runParent(味精:字符串){警报(味精);}