Как динамически отключить вход с помощью Angular 7

Question

Я пытаюсь отключить ввод в зависимости от значения, взятого из Component.ts

В моем файле component.ts у меня есть это значение

disName = false;

И в моем HTMLУ меня есть эти элементы

Name: <input type="text"
             value="name"
             size="15"
             id="name"
             name="firstName"
             [(ngModel)]="aproverFirstName"
             [attr.disable]="disName=='true' ? true : null">

Что ищет, так это то, что если мое значение в component.ts равно false, то в html-файле элемент ввода должен быть отключен в зависимости от значения.

Я тоже пробовал это [disable]="disName"

Я использую Angular 7, большое спасибо!

Answer 1

Вы должны сделать так:

<input type="text"
             value="name"
             size="15"
             id="name"
             name="firstName"
             [(ngModel)]="aproverFirstName"
             [disabled]="disName">

Но я предпочитаю использовать @angular/forms в Angular, тогда вы можете инициировать форму следующим образом:

HTML:

<input type="text"
                 value="name"
                 size="15"
                 id="name"
                 formControlName="firstName">

Машинопись:

Форма инициализации:

this.sampleForm= this.fb.group({
      firstName: [{ value: '', disabled: true }, Validators.required]
});

Включение и отключение управления:

this.sampleForm.controls.firstName.enable();
this.sampleForm.controls.firstName.disable();

Answer 2

Попробуйте это

  <input type="text" [disabled]="!disName">

условие должно быть истинным.

Вы помещаете этот тег «input» в component.html?

Answer 3

Атрибут, который вы ищете - [отключен].

<input type="text" [disabled]="true" />