首页 > 解决方案 > 禁用表单数组的表单控制:Angular2

问题描述

我创建了一个带有 formGroups 列表的 FormArray。

现在,我试图通过循环 FormArray 来禁用对每个 formGroup 的控制。

this.otcDocumentTrackerForm.controls.forEach(s => {
  s.controls["isNotApproved"].disabled();
  s.controls["CREDIT_OR_OPS_REMARKS"].disabled();
});

但是,这对我不起作用。谁能给我一个解决方案?

标签: angulartypescript

解决方案


您可以通过遍历表单数组来禁用表单控件

diableInputs() {
    this.myForm.controls.forEach((group: FormGroup) => {
        let isNotApproved = group.get('isNotApproved') as FormControl;
        isNotApproved.disable()
        let credit = group.get('CREDIT_OR_OPS_REMARKS') as FormControl;
        credit.disable()
    })
}

检查stackblitz以获得完整的示例。


推荐阅读