我在angular6中禁用了表单控件，但也可以对其进行编辑

Question

我已禁用了angular6窗体中的控件，样式已禁用，但是可以对其进行编辑，我不知道为什么！

this.validateForm = this.fb.group({
    name: [name, [Validators.required], [this.businessService.uniquenessValidator('name', this.tableData, id)]],
    type: [{value: type, disabled: true}, []],
});

if (hasNoAuth) {
    this.validateForm.controls['name'].disable();
}

希望它不能被编辑，但是可以被编辑！

Answer 1

您还需要使用updateValueAndValidity()。

this.validateForm.controls['name'].updateValueAndValidity()

这将使您对表单控件的更改得以反映。您可以通过here阅读更多有关它的内容。

Answer 2

您可以在输入中输入适当的比例

[disabled]="hasNoAuth"

那行得通