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

如果您想使用一些逻辑，请使用第二个参数。

如果它只是分配，那么不需要做任何事情，因为表单控制将具有相应的值

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;
}
}