时间戳

首页 > 解决方案 > Angular 反应形式禁用组

angular - Angular 反应形式禁用组

问题描述

我正在使用 Angular 反应形式。在我的页面上，我需要选择启用/禁用字段（当前密码和新密码+确认），以便我可以使用form.value和获取我需要的那些东西（禁用的控件不会在那里）。但是，我找到了禁用的方法，FormControl但是我需要禁用整个组。

那是我的组

formGroup: FormGroup = this.fb.group({
...
        password: this.fb.group({
            current: ['', Validators.required],
            new: this.fb.group({
                password: [{
                    value: '',
                    disabled: this.changePassword.value
                }, Validators.required],
                passwordConfirm: [{
                    value: '',
                    disabled: this.changePassword.value
                }, Validators.required]
            }, {validator: PasswordValidator.MatchPassword})
        })
    });

这并没有真正起作用。如何password通过将禁用状态附加到独立 FormControl（复选框）来禁用整个 FormGroup。

标签： angularreactive-forms

解决方案

您可以在fieldset标签内打开标签并根据表单控件值form使用指令disable

<fieldset [disabled]="changePassword">

推荐阅读