angular - 如何知道 elementRef 谁生成事件

Question

对于不同的输入，我有相同的侦听器。

当侦听器被触发时，我无法知道谁生成了事件。

<form #f="ngForm">
<mat-card-content>
  <mat-input-container>
    <input matInput [(ngModel)]="id" name="id" placeholder="ID" (ngModelChange)="inputChanged()" />
  </mat-input-container>
  <mat-input-container>
    <input matInput [(ngModel)]="name" name="name" placeholder="NAME" (ngModelChange)="inputChanged()" />
  </mat-input-container>
</mat-card-content>
</form>

//ts

inputChanged():void{
  //how to know who generates
}

Answer 1

只需这样做：

(ngModelChange)="inputChanged('one')"

inputChanged(name: string):void{
  console.log(name);
}

并在里面加入一些逻辑inputChanged

Answer 2

你可以使用两个不同的函数，如果他们需要做同样的事情，那么他们可以稍后调用一个共享函数。

<input matInput [(ngModel)]="id" name="id" placeholder="ID" (ngModelChange)="onIdChange($event)"/>

<input matInput [(ngModel)]="name" name="name" placeholder="NAME" (ngModelChange)="onNameChange($event)" />

在component.ts

onIdChange(event) {
   // some logic
}

onNameChange(event) {
   // some logic
}