时间戳

首页 > 解决方案 > Angular 2+：如何使用默认值使下拉菜单只读（或禁用）并在没有默认值的情况下添加表单验证错误

angular - Angular 2+：如何使用默认值使下拉菜单只读（或禁用）并在没有默认值的情况下添加表单验证错误

问题描述

<mat-form-field class="">
  <mat-select placeholder="Lead Status" formControlName="leadStatusId" name="leadStatusId" id="leadStatusId" [formGroup]="form"
    required *appReadOnlyView>
    <mat-option *ngFor="let leadStatus of allLeadStatus" [value]="leadStatus?.leadStatusId">
      {{ leadStatus?.name }}
    </mat-option>
  </mat-select>
</mat-form-field>

这是我的下拉列表，我需要将此字段设为只读并设置为默认值。如果没有设置默认值，则需要添加表单验证错误。我知道我们无法使用禁用添加验证，但我不知道如何使用 readonly

标签： angularangular-materialangular6angular7angular-reactive-forms

解决方案

我找到了解决方法以进行验证。 https://stackblitz.com/edit/angular-zbibqx

推荐阅读