Question

我从输入表格的数据表中获取一个值以更新数据表。问题是当单击输入中显示的编辑值但单击提交值未传递到ts文件中的formbuilder时

html。

 <form [formGroup]="updateForm">
    <mat-form-field>
       <input matInput type="number" formControlName="quota" placeholder="Quota" min="1" value="{{rowData.quota}}">
    </mat-form-field>
 </form>

 <button type="submit (click)="updateConfirm(updateForm.get('quota').value)">Submit</button>

ts。

constructor(...){
   this.updateForm = this.formbuilder.group({
      quota: [''],
    });
}

updateConfirm(quota) {
   console.log(quota);
}

点击修改但不更改值

value show ="1234" 
result is {quota: ""}

单击“编辑”但更改值时。价值就是改变

value show ="1234" change to "4567"
result is {quota: "4567"}

Answer 1

使用PatchValue更新表单中的值。

示例

this.updateForm.patchValue({
quota: 4567

}）;

Answer 2

使用set value函数代替在ts文件中使用值

this.updateForm.controls['quota'].setValue(this.rowData.quota);

Answer 3

this.updateForm.get（'quota'）。setValue（value）

如何使用输入值= {{......}

3 个答案: