Как узнать 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
}