如何在不使用表单的情况下将输入字段设置为无效，以便底部轮廓根据条件显示为红色

Question

现有的应用程序没有使用任何表格。我想根据组件中的条件将输入字段设置为无效，如果用户未在输入中输入任何内容，则当条件为真时底部轮廓显示为红色以显示按钮单击时的错误。

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

现有的应用程序没有使用任何表格，因此无法使用以下内容 formData.form.controls['email'].setErrors({'incorrect': true}); //不能使用它，因为应用程序没有任何形式，如 formData。

Answer 1

您可以根据条件手动设置mat-form-field-invalidclass：

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

How to set the input field to invalid without using forms so that the bottom outline appears red based on a condition