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
}

如何知道生成事件的elementRef

2 个答案: