title: Angular 6 Material <mat-select> multiple set default value using form control
body: <p>I am using form control here is code for my html component</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;mat-form-field&gt;
    &lt;mat-select placeholder="Toppings" [formControl]="toppings" multiple&gt;
      &lt;mat-option *ngFor="let topping of toppingList" [value]="topping"&gt;{{topping.value}}&lt;/mat-option&gt;
    &lt;/mat-select&gt;
  &lt;/mat-form-field&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>And my ts file is </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>export class SelectMultipleExample {
     toppings = new FormControl();
    toppingList: any[] = [
        { id:1,value:"test 1"},
        { id:2,value:"test 2"},
        { id:3,value:"test 4"},
        { id:4,value:"test 5"},
        { id:5,value:"test 6"},
        { id:6,value:"test 7"}
      ];
  
    
  
    constructor(){
      this.bindData();
    }
  
    bindData(){
      const anotherList:any[]=[
        { id:1,value:"test 1"},
        { id:2,value:"test 2"}
        ]
  
        this.toppings.setValue(anotherList)
    }
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>I want to set default value for mat select , any help how to achieve this will be great. I want to set multiple default value.</p>