如何使用patchValue和FormControl？

Question

我需要patchValue从Api在这个formControl

".html"

`<p-dialog header="แก้ไขห้องพัก" [(visible)]="displayEdit" [modal]=true [style]="{width: '30vw'}"><div class="row" [formGroup]="edtForm">
  <input pInputText type="hidden" formControlName="id_room" [attr.disabled]="true">
  <input pInputText type="hidden" formControlName="id_roomDetail" [attr.disabled]="true">
  <input pInputText type="hidden" formControlName="homestayID" [attr.disabled]="true">
  <div class="col-5 text-right">เลขที่ห้อง :</div>
  <div class="col-7"><input pInputText type="text" formControlName="numRoom" [attr.disabled]="true"></div>
  <div class="col-5 text-right">Name :</div>
  <div class="col-7">
  <p-dropdown id="homestayName" formControlName="homestayName" [options]="homestays"></p-dropdown>
 </div>
</p-dialog>`

".ts"

this.roomService.queryRoomById(id).subscribe((res) => {
    const data = {
      ...res
    };
    this.edtForm.patchValue(data);
  });

而服务是

queryRoomById(id: string) {
return this.http.get<Rooms>('http://localhost/taladnoi/api/api_getRoomAdmin.php?id=' + id);

}

Answer 1

我们不知道API返回了什么，但是表单上的修补程序只是更新表单部分的值。

我看到你有几个表单控件：

• id_room
• id_roomDetail
• homestayID
• numRoom
• homestayName

假设您想更新numRoom字段，您可以执行类似的操作：

this.formName.pathValue({ numRoom: newValue });