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]
   });
}