Angular 如何以反应形式从动态表中获取值?
这是我的代码片段,如果需要,我可以添加新的表行,但是如何从ngFor中的表中获取值呢*表是内部反应形式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
<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吗?