Angular 事件在 ViewChild 装饰器组件中引发错误

Question

我有一个具有功能

的子组件child.component.ts

RenderData(test:false, event:Event) {
if(test) {
event.stopPropagation();
}
....
}

在我尝试导入此功能的另一个组件上，我有一个子装饰器

Test.Component.ts

@ViewChild('plainComponent')
plainComponent: PlainComponent;

// here I am trying to import RenderData();

openBox(dialog:MatDialogRef<any>) {
this.plainComponent.RenderData(false, Event);

}

Test.Component.html

<app-plain #plainComponent></app-plain>
      <div>
        <button mat-raised-button color="primary" (click)="done(dialog)">Run</button>

这个事件抛出一个错误：

error TS2345: Argument of type '{ new (type: string, eventInitDict?: EventInit): Event; prototype: Event; readonly AT_TARGET: number; readonly BUBBLING_PHASE: number; readonly CAPTURING_PHASE: number; readonly NONE: number; }' is not assignable to parameter of type 'Event'.

如何解决此事件错误？

Answer 1

你应该初始化事件class

openBox(dialog:MatDialogRef<any>) {
      this.plainComponent.RenderData(false, new Event('click');
}

Angular 事件在 ViewChild 装饰器组件中引发错误

Angular Event throws error in ViewChild decorator component

angular