我使用angular2/forms提供的react 表单准备了一份报告.此表单包含一个表单数组产品:

this.checkoutFormGroup = this.fb.group({
            selectedNominee: ['', Validators.required],
            selectedBank: ['', Validators.required],
            products: productFormGroupArray
        });

productFormGroupArray是FormGroup对象的array.我使用以下方法获取控件,即FormArray对象:

this.checkoutFormGroup.get('products')

我正在try 获取products数组中索引为i的元素.如何在不通过数组循环的情况下实现这一点?

Edit:

我try 了at(索引)方法:

this.checkoutFormGroup.get('products').at(index)

但这会产生一个错误:

Property 'at' does not exist on type 'AbstractControl'.

Edit 2:

this.checkoutData.products.forEach(product => {
                    this.fundFormGroupArray.push(this.fb.group({
                        investmentAmount: [this.fund.minInvestment, Validators.required],
                        selectedSubOption: ['', Validators.required],
                    }))
            });

推荐答案

只需将该控件转换为数组

var arrayControl = this.checkoutFormGroup.get('products') as FormArray;

它的所有特征都在那里

var item = arrayControl.at(index);

Typescript相关问答推荐

带脉轮UI的TypScript支持StyleProps的正确方法是什么?

物料UI图表仅在悬停后加载行

具有条件通用props 的react 类型脚本组件错误地推断类型

具有映射返回类型的通用设置实用程序

用泛型类型覆盖父类函数导致类型y中的Property x不能赋给基类型Parent中的相同属性."'''''' "

如何在使用`Next—intl`和`next/link`时导航

仅针对某些状态代码重试HTTP请求

Material UI / MUI系统:我如何告诉TypeScript主题是由提供程序传递的?

在数据加载后,如何使用NgFor在使用异步管道的可观测对象上生成子组件?

当数组类型被扩展并提供标准数组时,TypeScrip不会抱怨

将接口映射到交叉口类型

如果判断空值,则基本类型Gaurd不起作用

如何扩展RxJS?

可赋值给类型的类型,从不赋值

有没有一种更好的方法来存储内存中的数据,而不是在类型脚本中使用数组和基于索引的函数?

带有';的类型脚本嵌套对象可选属性错误满足';

TypeScript中的这些条件类型映射方法之间有什么区别?

Svelte+EsBuild+Deno-未捕获类型错误:无法读取未定义的属性(读取';$$';)

如何将 MUI 主题对象的自定义属性与情感样式组件中的自定义props 一起使用?

元组解释