在处理事件数据的组件中,使用Angular的事件发射器(EventEmitter)来将数据从子组件传递到父组件。然后,在父组件中,使用事件绑定(bind)来监听子组件的事件并处理数据。
示例代码:
子组件:
import { Component, Output, EventEmitter } from '@angular/core';
@Component({
selector: 'child-component',
template: `
`
})
export class ChildComponent {
@Output() dataEvent = new EventEmitter();
data: string = 'Hello World!';
sendData() {
this.dataEvent.emit(this.data);
}
}
父组件模板:
父组件:
import { Component } from '@angular/core';
@Component({
selector: 'parent-component',
template: `
`
})
export class ParentComponent {
logData(data: string) {
console.log(data);
}
}
下一篇:Angular传递数据给提供者