如果值为空，更新formGroup值

Question

我有一个角度项目，它具有一个表单控件的变量。这是我的模板看起来如何：

<form [formGroup]="updateValuesForm"> 
    <div *ngFor="let controlName of updateValuesForm.controls | keys"> 
     <input [formControlName]=controlName type="text"> 
    </div> 
</form> 

这按预期工作。我正在尝试执行以下操作： 如果控制值为空，则应将该值更改为 ，此值不应显示在表单中（因为最终用户无法理解这将意味着什么）。这是甚至可能在Angular形式？

Answer 1

尝试此操作，而不是在输入为空时更改输入值，而只需在提交表单时处理它之前更改数据的值即可。这将确保用户不会看到 。

HTML

<form [formGroup]="updateValuesForm" (ngSubmit)="submitForm(updateValuesForm.value)"> 
    <div *ngFor="let controlName of updateValuesForm.controls | keys"> 
     <input [formControlName]=controlName type="text"> 
    </div> 
</form> 

打字稿

submitForm(data: any) { 

    for (var value in data) { 
     if (!data[value]) { 
      data[value] = ' '; 
     } 
    } 

    // Handle Form Submission 

}