如何检测我的 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;
  }
}

如何检测我的 formGroup 中的哪些输入字段模糊，Angular 9

How to detected which input fields in my formGroup is on blur, Angular 9

angular

angular-forms