时间戳

首页 > 解决方案 > 在 Angular 中禁用 mat-select

angular - 在 Angular 中禁用 mat-select

问题描述

我有一个下拉菜单。当所选值为Uber时，我想禁用整个 mat-select 。否则，需要启用它。

<mat-label>DB Property Name</mat-label>

<mat-select class="dBProperty"  name="dbpropertyName{{i}}" [(ngModel)]="mappingObj.dbpropertyName" [disabled]="selectedValue=='**Uber**'?'disabled':'null'" required>

<mat-option *ngFor="let options of dBPropertyArray" [value]="options.dBProperty" >{{options.dBProperty}}
                                                    </mat-option>

                                                </mat-select>

我怎样才能实现它..？这是我的代码。我哪里错了？

标签： angularangular-material

解决方案

为此使用disabled属性。

<mat-select 
    class="dBProperty" 
    name="dbpropertyName{{i}}" 
    [(ngModel)]="mappingObj.dbpropertyName"
    [disabled]="mappingObj.dbpropertyName=='Uber'"
    required>

    <mat-option *ngFor="let options of dBPropertyArray" [value]="options.dBProperty">{{options.dBProperty}}
    </mat-option>

</mat-select>

推荐阅读