title: Angular 6 [formControl] valueChanges
body: <p>I want have the value of [formControl]="toppings" when i change a value in my form.I obtain value only on manualy changes. I want have val at the init and when i use fonction selectal() ans deselectall.</p>
  
  <p>html </p>
  
  <pre><code>&lt;div class=col-lg-6 col-md-6 col-sm-12&gt;
  &lt;mat-form-field  appearance="outline" style="width:100%" &gt;
    &lt;mat-label&gt;Rechercher un soin de support&lt;/mat-label&gt;
    &lt;mat-select placeholder="Toppings" [formControl]="toppings" multiple &gt;
      &lt;button 
                mat-raised-button 
                class="mat-primary fill text-sm" 
                (click)="selectAll()"&gt;
                Tout sélectionner
              &lt;/button&gt;&amp;nbsp;&amp;nbsp;
              &lt;button 
                mat-raised-button 
                class="mat-warn fill text-sm" 
                (click)="deselectAll()"&gt;
                Tout désélectionner
              &lt;/button&gt;
      &lt;mat-option *ngFor="let topping of toppingList" [value]="topping" &gt;{{topping}}&lt;/mat-option&gt;
    &lt;/mat-select&gt;
  &lt;/mat-form-field&gt;
  &lt;/div&gt;
  </code></pre>
  
  <blockquote>
    <p>TS</p>
  </blockquote>
  
  <pre><code>topping: string;
  toppings = new FormControl( ['Soins palliatifs'] );
  toppingList: string[] = 
  [
  'Evaluation de la douleur',
  'Evaluation psychologique',
  'Evaluation nutritionnelle',
  'Evaluation sociale',
  'Evaluation physique',
  "Conseil d'hygiène de vie",
  'Sexualité et fertilité',
  'Soins palliatifs',
  'Oncogériatrie'
  ];
  
   selectAll() {this.toppings = new FormControl( 
   [
  'Evaluation de la douleur',
  'Evaluation psychologique',
  'Evaluation nutritionnelle',
  'Evaluation sociale',
  'Evaluation physique',
  "Conseil d'hygiène de vie",
  'Sexualité et fertilité',
  'Soins palliatifs',
  'Oncogériatrie'
  ] );  }
  
    deselectAll() { this.toppings = new FormControl( [''] );
    }
  
  ngOnInit() {
  this.toppings.valueChanges.subscribe(val=&gt;console.log(val));
  }
  </code></pre>
  
  <p>I obtain value only on manualy changes. I want have val at the init and when i use fonction selectal() ans deselectall.</p>