angular - 如何将 2 个参数传递给 Angular 中的 EventEmitter？

Question

我的组件中有一个 EventEmitter 但我无法编译它，因为它会抛出错误:

Supplied parameters do not match any signature of call target

我的组件:

@Output() addModel = new EventEmitter<any>();

saveModel($event, make, name) {
  this.addModel.emit(make, name);
}

如果我删除 this.addModel.emit() 中的一个参数，它可以工作，但是是否可以将 2 个参数传递给 EventEmitter 以及如何传递？

Answer 1

如果您查看 EventEmitter emit method @ angular.io ，它只能接受一个 T

类型的参数

emit(value?: T)

由于只允许使用一个参数，请考虑将其作为 object 传递到 emit 方法中。

在下面的代码片段中，make 和 name 变量保存着它们各自的值:

this.addModel.emit({make: make, name: name});
//shorthand is below
this.addModel.emit({make, name});