Как отключить ввод текста на основе * ngif в angular4

как отключить текстовое поле, если условие ngif удовлетворяет полю текстового поля.

Below didnt work for me


<input [ngClass]="{'disbaled' : !isprecheck}" type="text" class="form-control" id="title" name="title"
                           [(ngModel)]="stunt.title" #Title="ngModel" required minlength="1" maxlength="255">

angular angular4-forms
person user1877936    schedule 15.11.2019    source источник

Ответы (3)


arrow_upward
4
arrow_downward

Если вы используете декларативные формы, как сейчас, используйте атрибут disabled, например [disabled]="condition", но если вы изучаете angular, я предлагаю взглянуть на реактивные формы, они намного мощнее: https://angular.io/guide/reactive-forms

person Nickolaus    schedule 15.11.2019

arrow_upward
1
arrow_downward

компонент.html

<input [disabled]="isprecheck" type="text" class="form-control" id="title" name="title" [(ngModel)]="stunt.title" #Title="ngModel" required minlength="1" maxlength="255">

компонент.ts

isprecheck: boolean = true;
person Santosh Shinde    schedule 15.11.2019

arrow_upward
1
arrow_downward

Что делает ваш текущий код, так это добавляет класс с именем disbaled к вашему элементу ввода, если выполняется условие isprecheck.

Также использование *ngIf скрывает ваш ввод, если логическое условие отрицает.

Если вы хотите показать элемент, но отключить его, используйте [disabled] с вашим логическим значением.

<input [ngClass]="{'disbaled' : !isprecheck}" type="text" class="form-control" id="title" name="title" [(ngModel)]="stunt.title" #Title="ngModel" required minlength="1" maxlength="255" [disabled]=“!isprecheck”>
person Angela Amarapala    schedule 15.11.2019