如何将表单控制器名称及其值传递给 Angular 10 中的函数？

Question

I want to get the formControllerName and its value when focusout event happens on the below Angular input field. I have a Form with huge number of input fields like the below example. So, I want to do some operations on all input fields with respect to the Form controller. So, I want to try something like

(focusout)="passdataFunction(formControlName , formControlName.value)"

Please help me to sort this out.

 <mat-form-field appearance="outline">

 <mat-label>Designation<span class="redColor">*</span></mat-label>
 <input matInput formControlName="Delegate_designation" id="Delegate_designation" #Delegate_designationValue  placeholder="Designation in the Company">

 </mat-form-field>

Answer 1

Use your FormGroup (that you must have somewhere):

(focusout)="passdataFunction(formGroup.get('formControlName'))"

This will give you the AbstractControl .