我正在尝试使用 Angular 6 中的嵌套反应式表单在表格行内添加多个输入。我在打字稿中的表单数组中推送到表单数组时遇到问题。我已将我的完整代码（包括用于提取数据的虚拟服务）添加到此处的 stackblitz 中
如何在我的addProductCombination()方法中实现添加到 productCombination 表单数组中。所需的行为是单击“加号”按钮的表格行将为我的 productCombination FormArray 中的每个表单控件添加一个新的选择/输入元素。任何帮助深表感谢。
您可以使用其上的方法AbstractFormControl从 a获取实例。FormArrayat
所以这里是你如何分解你必须做的事情：
records FormArray从您的响应式表单中获取。at它的方法FormArray并将其传递给您想要从中获取AbstractControl实例的索引。0例如我用过。AbstractControl实例，其中包含productCombination FormArray. 所以你现在需要访问它。这就是(<FormArray>formControl.get('productCombination'))正在做的事情。push上的方法并将AbstractControl要添加到其中的实例传递给它。所以在代码中，它看起来像：
addProductCombination() {
let formControl = ( < FormArray > this.productBlendCodeForm.get('records')).at(0);
( < FormArray > formControl.get('productCombination')).push(this.initProductCombinations({}));
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句