Angular 如何以反应形式从动态表中获取值?

Angular 如何以反应形式从动态表中获取值?,angular,Angular,这是我的代码片段,如果需要,我可以添加新的表行,但是如何从ngFor中的表中获取值呢*表是内部反应形式 <tr *ngFor="let row of tableRow; let i = index"> <th scope="row" class="text-center">{{ i+1 }}</th> <td> <div class="form-group"> <input type="text" class="f

这是我的代码片段,如果需要,我可以添加新的表行,但是如何从ngFor中的表中获取值呢*表是内部反应形式

<tr *ngFor="let row of tableRow; let i = index">
 <th scope="row" class="text-center">{{ i+1 }}</th>

 <td>
  <div class="form-group">
   <input type="text" class="form-control" id="supplierRequirementDesc" placeholder="e.g Wiring & Piping" formControlName="suppReqInput">
  </div>
 </td>

 <td>
  <div class="form-group">
   <select class="form-control" id="supplierUnitPcs" formControlName="suppUnitPcsInput">
    <option value="" disabled selected>Pcs</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
   </select>
  </div>
 </td>

 <td>
  <div class="form-group">
   <input type="text" class="form-control" id="supplierQuantityInput" placeholder="Quantity" formControlName="suppQuantityInput">
  </div>
 </td>
</tr>

</tbody>
</table>

<button type="button" class="btn btn-primary btn-form" (click)="addTableRow()">+ Add new item</button>
<button type="button" class="btn btn-primary btn-form" (click)="deleteRow()">- Remove item</button>

{{i+1}}
个人计算机
2.
3.
4.
5.
+添加新项目
-删除项目
这是console.log中的当前数据 标题:abc 描述:def 总部设在:ghi 公司类型:2 供应商类别:4 债券价值:100 核实:是的 供应商要求:zbc 供应商单位:2 供应商数量:1257
供应商说明:xzx

您可以传递

(click)="getTableRow(row)"
获得价值

getTableRow(row)
{
   console.log(row)
}

我认为每个迭代都有一个单独的表单组,每个表单组都有一个单独的表单控制对象,可以重用类方法。所以我建议对之前的答案稍作修改, 将下面的Html添加到所有输入标记中

//In HTML

(ngModelChange) = takeValues(this.suppUnitPcsInput.value);

//In component
takeValues(values){
    console.log(values)
}

单击“添加行”按钮后,即可完成行添加过程。

检查。这可能会对你有所帮助。你已经使用反应式表单数组构建了你的数组。他要求获取表单值。行obj也会发送表单值@Sivaramakrishnan很抱歉,我没有得到所需的反应式表单控件值,而不是行对象值。对此不太理解。目前,我只能从表中的一行中获取值,即使我已经添加了两行,并且这个表是形式的,我可以获取其他值,没有问题,我的问题是如何从iterable表中获取和存储值。我需要申报新的formgroup吗?