如何检测我的formGroup中的哪个输入字段处于模糊状态，Angular 9

Question

我有一个带有formgroup的表单，我在表单的每个输入上放置了模糊事件。

我如何检测模糊时有哪些特定输入？

html文件：-

<input type="text" class="form-control" formControlName='bankAccountNumber' (blur)="updateCompanyInfo($event)" required>

<input type="text" class="form-control" formControlName='phoneNumber' (blur)="updateCompanyInfo($event)" required>

ts文件：-

  updateCompanyInfo($event) {

  }

Answer 1

它模糊而不是蓝色

<input type="text" class="form-control" formControlName='bankAccountNumber' (blur)="updateCompanyInfo($event, bankAccountNumber)" required>

<input type="text" class="form-control" formControlName='phoneNumber' (blur)="updateCompanyInfo($event, phoneNumber)" required>

如果要使用某些逻辑，则采用第二个参数。

如果只是分配，则无需执行任何操作，因为formcontrol将具有相应的值

Answer 2

一种简单的实现方法是在处理程序中添加一个额外的参数，像这样

<input type="text" class="form-control" formControlName='bankAccountNumber' (blur)="updateCompanyInfo('bankAccountNumber', $event)" required>

<input type="text" class="form-control" formControlName='phoneNumber' (blur)="updateCompanyInfo('phoneNumber', $event)" required>

在处理程序中

updateCompanyInfo(formControlName, $event) {
  switch(formControlName) {
  case 'bankAccountNumber':
    // do something
  break;
  case 'phoneNumber':
    // do something
  break;
  }
}