Angular 2：迭代反应式表单控件

Question

我想markAsDirty标记FormGroup中的所有控件。

Answer 1

接受的答案对于平面形式结构是正确的，但并不完全回答原始问题。网页可能需要嵌套的表单组和表单数组，我们必须考虑到这一点才能创建一个健壮的解决方案。

public markControlsDirty(group: FormGroup | FormArray): void {
    Object.keys(group.controls).forEach((key: string) => {
        const abstractControl = group.controls[key];

        if (abstractControl instanceof FormGroup || abstractControl instanceof FormArray) {
            this.markControlsDirty(abstractControl);
        } else {
            abstractControl.markAsDirty();
        }
    });
}

Answer 2

值得一提的是，还有另一种方法可以做到这一点，而不必使用对象。键（…）魔术：

for (const field in this.form.controls) { // 'field' is a string

  const control = this.form.get(field); // 'control' is a FormControl  

}

Answer 3

发现对象。按键可以处理此问题。。

    Object.keys(this.form.controls).forEach(key => {
      this.form.get(key).markAsDirty();
    });

对于Angular 8，使用以下公式（基于米开朗基罗的答案）：

    Object.keys(this.form.controls).forEach(key => {
      this.form.controls[key].markAsDirty();
    });