Angular Material md-select默认选择的值

前端之家收集整理的这篇文章主要介绍了Angular Material md-select默认选择的值前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用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>

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

使用[(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(特别是this PR)开始,您可以使用MdSelect的value属性选择一个值:

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

零件:

this.selectedOption = '1';

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

DEMO

猜你在找的Angularjs相关文章