时间戳

首页 > 解决方案 > 根据第一个下拉菜单角度禁用第二个下拉菜单

angular - 根据第一个下拉菜单角度禁用第二个下拉菜单

问题描述

我有两个下拉菜单。我想启用第二个下拉菜单，前提是用户选择了第一个下拉菜单。（角度版本：6）HTML 代码：

<mat-form-field>   
    <mat-select placeholder="Favorite food" >     
        <mat-option *ngFor="let food of foods" [value]="food.value">
          {{food.viewValue}}     
        </mat-option>   
    </mat-select> 
</mat-form-field> 
<mat-form-field>   
    <mat-select placeholder="Favorite Drink" [disabled]="disableSelect.value">
        <mat-option *ngFor="let drink of drinks" [value]="drink.value">
          {{drink.viewValue}}
        </mat-option>   
    </mat-select> 
</mat-form-field>

TS代码：

export class DropdownexampleComponent implements OnInit {

  disableSelect = new FormControl(true); 
  foods: Food[] = [
    {value: 'steak-0', viewValue: 'Steak'},
    {value: 'pizza-1', viewValue: 'Pizza'},
    {value: 'tacos-2', viewValue: 'Tacos'}
  ];

  drinks: Drink[] = [
    {value: 'drink-0', viewValue: 'Coke'},
    {value: 'drink-1', viewValue: 'Sprite'},
    {value: 'drink-2', viewValue: 'Fanta'}
  ];
}

标签： angular

解决方案

推荐阅读