问题描述:在使用Angular Elements的过程中,当我们使用EventEmitter发送事件时,$event未显示发出的值。
解决方法:
import { Component, EventEmitter, Output } from '@angular/core';
@Component({
selector: 'child-component',
template: ``
})
export class ChildComponent {
@Output() customEvent = new EventEmitter();
emitEvent() {
const eventData = '这是要传递的数据';
this.customEvent.emit(eventData);
}
}
handleEvent(eventData: any) {
console.log(eventData); // 输出:这是要传递的数据
}
以上就是解决Angular Elements中$event未显示发出值的方法。确保事件绑定正确、事件正确触发和事件处理方法正确接收数据是解决该问题的关键。