首页 > 解决方案 > 使用多选组件在 Select 中设置默认选中项

问题描述

我将Select 与多选组件一起使用。

在此处输入图像描述

我想像这样默认选择2个项目。

在此处输入图像描述

我已经冲浪了,但我只获得了基本选择组件的资源,我该如何实现呢?

标签: angularangular-material

解决方案


我已经在这里完成了,请检查https://stackblitz.com/edit/angular-zs2wa5?file=app/select-multiple-example.ts

export class SelectMultipleExample {
  toppings;
  toppingList: string[];

  constructor() {
    this.toppings = new FormControl();
    this.toppingList= ['Extra cheese', 'Mushroom', 'Onion', 'Pepperoni', 'Sausage', 'Tomato'];
    this.toppings.value = ['Mushroom', 'Onion', ];
    console.log(this.toppings);
  }
}

推荐阅读