具有不同值的角反应形式输入视图

Question

我的表单很复杂，FormArray 有很多不同的 FormGroup。在一种类型的 formGroup 中，我可以控制百分比值。我需要将其值显示并编辑为 1 - 100 中的数字，并保存所有表单，配额值为 0.1 - 1（发布到服务器）。 我可以对存储功能进行一些更改，但如果我需要更改的是 formGroup，我必须检查 FormArray 中的所有项目。此外，当我获得 patchValue 的值时，我需要对其进行更新。 我可以在反应形式中改变控制的观点和价值吗？

Answer 1

简单的方法，使用 [ngModel] 和 (ngModelChange)

<input [ngModel]="form.get('percent').value" 
   (ngModelChange)="this.form.get('percent').setValue((+$event)/100)
   [ngModelOptions]="{standalone:true}">

嗯，这是一个fomControl，但是由于你有一个formArray，我想你需要一个返回formControl的函数

getControl(index:number)
{
     return (this.form.get('nameOfArray') as FormArray)
               .at(index)
               .get('percent')
}

并使用[ngModel]="getControl(i).value" 和(ngModelChange)="getControl(i).setValue((+$event)/100)

记住，即使没有输入，formControl 和 formArray 也存在