在 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
事件输出到组件的父级组件中,这样父级组件就可以订阅该事件,从而了解何时发生了该事件。