首页 > 解决方案 > Angular 帮助:下拉菜单,默认选中所有选项

问题描述

看起来默认情况下下拉列表会加载列表,但未选中这些框。但我希望默认选中这些框,因为它们实际上已加载。这可能吗?我正在使用角度材料。

<mat-form-field appearance="fill">
  <mat-label>Toppings</mat-label>
  <mat-select [formControl]="toppings" multiple>
    <mat-option (click)="selectAll(ev)" #ev>
        Select all
    </mat-option>
    <mat-option *ngFor="let topping of toppingList"
        [value]="topping">
            {{topping}}
    </mat-option>
  </mat-select>
</mat-form-field>

标签: angularselectcheckboxangular-materialdropdown

解决方案


对的,这是可能的。您可以通过设置组件中的浇头 formControl 值来实现此目的。

见下面的代码:

  this.toppings.setValue(this.toppingList);

推荐阅读