title: ngModel is not displaying the value
body: <p>In Html it is not showing <code>ngModel</code> where selectedValueModel is already assigned. <br>Tried with <code>[ngValue]</code> also and it is giving <code>undefined</code> to my <code>ngModelChange</code> function.</p>
  
  <p>Thanks in Advance.</p>
  
  <pre><code>foods: Food[] = [
      {value: 'steak-0', viewValue: 'Steak'},
      {value: 'pizza-1', viewValue: 'Pizza'},
      {value: 'tacos-2', viewValue: 'Tacos'}
    ];
  selectedValueModel = {value: 'steak-0', viewValue: 'Steak'};
  @Output() selectedValueChange = new EventEmitter()
  
  changing(newValue: any) {
      this.selectedValueModel = newValue
      this.selectedValueChange.emit(newValue)
    }
  </code></pre>
  
  <h2>My HTML:</h2>
  
  <pre><code>&lt;mat-form-field&gt;
      &lt;mat-select placeholder="Favorite food" 
     [(ngModel)]="selectedValueModel.value" 
     (ngModelChange)="changing($event)" name="food"&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>