时间戳

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

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

问题描述

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

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

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

标签： angularangular-materialangular6angular-forms

解决方案

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

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

推荐阅读