获取传递给 eventEmitter Angular 4 的函数答案

【问题标题】：Get the function passed to a eventEmitter Angular 4获取传递给 eventEmitter Angular 4 的函数
【发布时间】：2017-11-24 20:09:37
【问题描述】：

是否可以将函数传递给事件发射器？

我有一个组件，我将一个函数传递给一个事件发射器，如下所示：

<component (onClick)='function(parameter)'></component>

在我的组件中，我有@Output 来接收函数并在点击时发出：

@Output() onClick: EventEmitter<any> = new EventEmitter<any>();
<button (click)="onClick.emit($event)">

问题是我想获取我传递给组件的函数，这可能吗？

【问题讨论】：

【解决方案1】：

是的，这是可能的

假设您的子组件中有一个 add 函数。

  @Output() onClick: EventEmitter<any> = new EventEmitter<any>();

  public add(a: number, b: number): number {
    return a + b;
  }

并且在按钮单击事件上，您可以发出函数

 <button (click)="onClick.emit(add)">Add</button>

在您的父组件中，您可以监听来自子组件的事件。

 <component (onClick)='someFunc($event)'></component>

并在事件触发时调用该函数。

someFunc(add: any) {
  const result = add(5, 5);
  console.log('and result is',result);
}

【讨论】：

【解决方案2】：

试试这样：

<component (onClick)='function($event)'></component>

而不是

<component (onClick)='function(parameter)'></component>

【讨论】：