angular - 如何禁用 FormGroup 中的所有 FormControl

Question

我有这个响应式(Reactive) Angular Form 结构:

myForm: FormGroup;
Personal: FormGroup;
FIRST_NAME: FormControl;
LAST_NAME: FormControl;
ngOnInit(): void {
    this.createFormControls();
    this.createForm();
}
createFormControls() {
    this.FIRST_NAME = new FormControl('', [Validators.required]);
    this.LAST_NAME = new FormControl('', [Validators.required]);
}
createForm(): void {
    this.myForm = this.fb.group({
        Personal: this.fb.group({
            FIRST_NAME: this.FIRST_NAME,
            LAST_NAME: this.LAST_NAME,
        })
    })
}

如果我这样做:

this.FIRST_NAME.disable();

它禁用 FormControl。

如何禁用 Personal FormGroup 中的所有 FormControls

Answer 1

如果你想禁用组，你需要告诉什么是 this.Personal，现在你只是将它声明为一个 FormGroup，没有别的。

因此您可以在构建表单后执行此操作:

    this.Personal = this.myForm.get('Personal')

然后您可以通过以下方式禁用它:

    this.Personal.disable();

演示:http://plnkr.co/edit/QAhY6A9950jqrgzvjVKu?p=preview