在值是对象时，在md-select上设置默认值Angular4 Angular-Material

Question

我正在尝试从md-select change事件中传递对象，而不是字符串。 这可以正常工作，但是，我无法在加载时预先选择一个值：

<md-select 
  [(ngModel)]="selectedValue" 
  name="food"
  (change)="onSelectionChange($event)"
>
  <md-option *ngFor="let food of foods" [value]="food">
    {{food.viewValue}}
  </md-option>
</md-select>

这不起作用：

selectedValue: {value: 'steak-0', viewValue: 'Steak'};
[(ngModel)]="selectedValue" 

这也不是：

selectedValue:'steak-0';
[(ngModel)]="selectedValue.value" 

当值是对象时，是否有一种方法可以预选加载的值？ 好像是一个普通的用例。

https://plnkr.co/edit/IkAnPj4ABsWOM4mpqqK4?p=preview

Answer 1

如果处理对象值，则应选择相同的对象引用。 因此，您可以执行以下操作：

foods = [
  {value: 'steak-0', viewValue: 'Steak'},
  {value: 'pizza-1', viewValue: 'Pizza'},
  {value: 'tacos-2', viewValue: 'Tacos'}
];

selectedValue = this.foods[0];

固定柱塞