title: Angular Material Mat-select not working properly
body: <p>I am trying to use latest angular material. I am stuck at mat-select component.
  Here is my html.</p>
  
  <pre><code>    &lt;mat-form-field&gt;
      &lt;mat-select placeholder="Favorite food" [(value)]="selectedLevel"&gt;
        &lt;mat-option *ngFor="let food of foods" [value]="food.value"&gt;
          {{food.viewValue}}
        &lt;/mat-option&gt;
      &lt;/mat-select&gt;
    &lt;/mat-form-field&gt;
  </code></pre>
  
  <p>Options are populated properly but when i select one option then there is no select value in mat-select element, it is blank. But when i tried to inspect in browser, the required element exists when was hidden in UI</p>
  
  <pre><code>&lt;span class="ng-tns-c4-1 ng-star-inserted"&gt;Steak&lt;/span&gt;
  </code></pre>
  
  <p>What might be the missing thing here, anyone can you please help me ?</p>