Angular Material md-select默认选择的值

发布时间：2020-12-17 07:19:27 所属栏目：安全来源：网络整理

导读：我正在使用Angular 2和 Angular Material.查看文档,我试图让select有一个默认值,而不是空占位符. 我尝试了以下两个选项,它们都没有设置默认值 md-select selected="1" md-option value="1" One/md-option md-option value="2"Two/md-option/md-selectmd-sele

我正在使用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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!