フォームビルダーを取得して、入力フィールドだけでなく、product.nameを書き出すこともできます。

Question

formbuilderを使用して物理ページに 'product.name'を列挙するにはどうすればよいですか？これは、入力フィールドの正常に動作しますが、私は最初のTDで物理の言葉を書きたい：ここ

<table class="editPackagesGeneralTable" formArrayName="products"> 
    <tr><th class="first">Product/Gift</th><th>Description</th><th>Cost</th><th class="last">Quantity</th></tr> 
    <tbody> 
    <tr *ngFor="let product of myForm.controls.products.controls; let i=index" [formGroupName]="i"><td>{{product.name}}</td><td>{{product.description}}</td><td>{{product.unitCost}}</td><td><input type="hidden" formControlName="id" /><input type="text" formControlName="name" /></td></tr> 
    </tbody> 
</table> 

は私のtypescriptですです：

this.myForm = this.fBuilder.group({ 
      products: this.fBuilder.array([]) 
     }); 

     this.httpService.getExtrasList() 
      .subscribe((res) => { 
       this.items = res.json(); 
       console.log(res.json()); 

       this.items.forEach(element => { 
        (<FormArray>this.myForm.get('products')).push(this.fBuilder.group({ 
         id: [element.id], 
         name: [element.name] 
        })); 
       }); 

      }); 

Answer 1

product.nameは私が{{product.controls.name.value}}を推測、FormGroupインスタンスでありますうまくいくはずです。