angular7 子组件向父组件传值

子组件设置@Output()发送事件给父组件

@Output()

// @Output('value4toFatherValue')可以将父组件捕获的子组件的事件名称改为括号内的

value4: EventEmitter <any> = new EventEmitter();

value5 = 1111.22222;// 在子组件中定义的一个值

//子组件的点击事件

<button (click)="sendToFather()">按钮</button>

//子组件将值发给父组件

public sendToFather() {

// 将值发送给父组件

this.value4.emit(this.value5);

}

//在父组件中引用子组件  

<app-child-child (value4)="formChildValue($event)"></app-child-child>

//实现formChildValue方法  子发给父亲的

public formChildValue(event: number) {

this.studentValue = event;

}

//父组件可以在方法中对子组件的值进行操作