在具有多个选择组件的“选择"中设置默认选择的项目 [英] To set default selected item in Select with multiple selection component

问题描述

我正在使用选择多项选择组件.

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

I want to make 2 items to be selected by default like this.

我冲浪了，但是我只获得了基本选择组件的资源，我该如何实现?

I have surfed,but i got resources only for Basic select component, How can i achieve this?

推荐答案

我已经在这里完成了，请检查

I have done it here please check 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);
  }
}

这篇关于在具有多个选择组件的“选择"中设置默认选择的项目的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！