To set default selected item in Select with multiple selection component

Question

I am using Select with multiple selection component.

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?

Can you edit in this stackblitz link? https://stackblitz.com/angular/xamkeymbbvvk?file=app%2Fselect-multiple-example.ts — Empty_Soul, Oct 10 '18 at 09:29

score 3 · Accepted Answer · answered Oct 10 '18 at 09:33

3

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);
  }
}

answered Oct 10 '18 at 09:33

Vivek Kumar

4,822
8
51
85

Its working fine,Thank you..:) – Empty_Soul Oct 10 '18 at 09:34
welcome, please mark this answer correct, Maybe it will help someone else having the same question. – Vivek Kumar Oct 10 '18 at 09:35
I had to use `setValue`, https://stackoverflow.com/questions/51992178/how-to-set-value-to-form-in-angular-using-formcontrol – intagli Jul 19 '23 at 19:35

To set default selected item in Select with multiple selection component

1 Answers1

Linked