如何在打字稿中显示对象值

Question

如何以角度显示对象值。在浏览器开发人员工具中，我得到的对象及其值可以很好。但是无法以形式填充值。

在 *.ts文件中，我得到了：

console.log(this.product),              // {"productId": "3", "productName": "G500 cpu", "productDescription": "gaming computer", "productCategory": "computers", "units": 5 }
this.updateForm.patchValue({
        // productId: '23128',                // display 23128
        //   productName: 'asdas',            // display asdas
        productId: this.product.productId,    // doesnt display anything
        productName: this.product.productName // doesnt display anything
        // productId: this.product,    // display [object Object]
        // productName: this.product // display [object Object]
      })

在 *.html中，我得到了：

    <form [formGroup]="updateForm">
      <div class="form-group">
        <input
        type="text"
        class="form-control"
        formControlName="productId">
      </div>
      <div class="form-group">
        <input
          type="text"
          class="form-control"
          formControlName="productName"
        />
      </div>

Answer 1

而不是分配每个控制值补丁程序对象的整体值，而是
只需确保将“控制名称”和“对象变量名称”匹配。

stackblitz示例

this.updateForm = this.formBuilder.group({
      productId: new FormControl(''),
      productName: new FormControl(''),
      productDescription: new FormControl(''),
      productCategory: new FormControl(''),
      units: new FormControl('')
    });
    
    var product = {
      productId: "3",
      productName: "G500 cpu",
      productDescription: "gaming computer",
      productCategory: "computers",
      units: 5 
    };
    this.updateForm.patchValue(product);