在 Angular 12 中,事件类型可以有多种。我们可以使用 EventEmitter 或 RxJS 中的 Subject、BehaviorSubject 等来创建事件。
以下是一个示例,展示了如何在组件中使用 EventEmitter:
import { Component, EventEmitter, Output } from '@angular/core';
@Component({
selector: 'app-button',
template: ''
})
export class ButtonComponent {
@Output() clicked: EventEmitter = new EventEmitter();
onClick() {
this.clicked.emit();
}
}
在这个例子中,我们定义了一个 ButtonComponent,当用户点击该组件中的按钮时,它会触发 onClick 方法。该方法会触发 clicked 事件,这是一个带有 void 类型的 EventEmitter。
在这个例子中,我们使用 @Output() 来将 clicked 事件输出到组件的父级组件中,这样父级组件就可以订阅该事件,从而了解何时发生了该事件。