Как сделать поле ввода недействительным без использования форм, чтобы нижний контур выглядел красным в зависимости от условия

Question

Существующее приложение не использует никаких форм. Я хочу сделать поле ввода недействительным на основе условия в компоненте: если пользователь ничего не вводит во входные данные, нижний контур отображается красным, когда условие истинно, чтобы отображать ошибку при нажатии кнопки.

  <mat-form-field>
    <input matInput [(ngModel)] = "isavailable">
  </mat-form-field>

В существующем приложении не используются какие-либо формы, следовательно, невозможно использовать что-либо, как показано ниже formData.form.controls ['email']. SetErrors ({'invalid': true}); // не может использовать это, поскольку приложение не имеет форм, таких как formData.

Answer 1

Вы можете установить класс mat-form-field-invalid вручную на основе условия:

<mat-form-field [ngClass]="{'mat-form-field-invalid': !isavailable}">
  <input matInput [(ngModel)]="isavailable">
</mat-form-field>