Я отключил элемент управления формы в 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

Вы можете вставить в свой ввод значение

[disabled]="hasNoAuth"

Это будет работать

Answer 2

Вам также нужно будет использовать updateValueAndValidity().

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

Это приведет к отражению изменений в вашем элементе управления формой. Вы можете прочитать об этом больше здесь .