angular - 如何从Angular中的Forms中遍历控件数组属性

Question

我有以下问题，我需要使用 forEach 循环遍历 Angular 中 Form 的控件属性。我正在编写以下代码：

const arr = this.bankForm.controls;
arr.forEach((element: {[key: string]: AbstractControl}) => {

});

我有下一个错误：

Answer 1

这是您可以遍历控件的一种方法

解决方案

Object.keys(this.bankForm.controls).forEach((control: string) => {
    const typedControl: AbstractControl = this.bankForm.controls[control];
    console.log(typedControl) 
    // should log the form controls value and be typed correctly
});

这是因为它Object.keys();返回一个键值数组，然后您可以使用forEach();数组方法对其进行迭代。

文档

forEach() 方法。/Object.keys 方法。/ 角形式控制。

编辑

control 将始终是来自 的字符串forEach();，所以我要做的是尝试在正确类型的下面声明一些新的东西。看上面。这使我的 IDE 认识到它是一个表单控件，因此有望满足您的 tsconfig。