Angular - 反应形式 - 在对象内绑定对象

Question

我创建了 FormGroup 并使用一个 formControlName (SerialNumber) 初始化了 FormGroup。 序列号 JSON 如下所示：

{
    "SerialNumber": {
        "snValue": "332432"
    }
}

我不知道如何将SerialNumber.snValue 绑定到<input>。我总是得到[object Object] 而不是332432。

.ts 代码

equipmentForm: FormGroup;
constructor(private fb: FormBuilder) {}
ngOnInit(): void {
     this.equipmentForm = this.fb.group({
     serialNumber: {"snValue": "332432"}
     })
}

.html

<input type="text" formControlName="serialNumber" />

我的问题是，如何绑定snValue？

Answer 1

假设您已经拥有您的对象obj，您可以这样做：

obj = {
  "SerialNumber": {
    "snValue": "332432"
  }
};

ngOnInit(): void {
   this.equipmentForm = this.fb.group({
     serialNumber: [obj.SerialNumber.snValue]
   });
}