Angular Material md-select默认选择的值

Question

我正在使用Angular 2和Angular Material.查看文档,我试图让select具有默认值,与空占位符相反.

我尝试了以下两个选项,它们都没有设置默认值

<md-select selected="1">
  <md-option value="1" >One</md-option>
  <md-option value="2">Two</md-option>
</md-select>

<md-select>
  <md-option value="1" selected="true">One</md-option>
  <md-option value="2">Two</md-option>
</md-select>

我查看了所有文档和示例,但没有帮助

Answer 1

用途[(ngModel)]:

<mat-select [(ngModel)]="selectedOption">
  <mat-option value="1">One</mat-option>
  <mat-option value="2">Two</mat-option>
</mat-select>

零件:

this.selectedOption = '1';

编辑#1:

由于Material2.0.0#beta10(特别是这个PR),您可以选择使用值value 属性的MatSelect:

<mat-select [value]="selectedOption">
  <mat-option value="1">One</mat-option>
  <mat-option value="2">Two</mat-option>
</mat-select>

零件:

this.selectedOption = '1';

请注意,您也可以将它与双向数据绑定一起使用 - > [(value)].

DEMO

Answer 2

 <mat-select [value]="0" >

我们可以使用将值设置为默认值轻松做到这一点