使用 md-select 和 Material 设计的选定选项 Angular

Question

如何在 Select component when using Material Design for Angular 上设置默认（即选中）选项？

<md-select placeholder="Angular2 Material">
  <md-option>One</md-option>
  <md-option selected>Two</md-option>
  <md-option ng-selected="true">Three</md-option>
</md-select>

搜索 SO 将我带到：

我已经尝试了 ng-selected="true" 和 selected 属性，都没有用。

笨蛋：https://plnkr.co/edit/EyC6wpUpgZEihlGclDUU?p=preview

明确地说，我不是使用Material Design for AngularJS Apps. I am using Material Design for Angular。

Answer 1

您应该有存储所选值的变量

export class SelectOverviewExample {
  myValue = 'Two';
}

然后确保 md-option 具有 value 属性。通过 ngModel.

绑定所选值

<md-select placeholder="Angular2 Material" [(ngModel)]="myValue">
  <md-option>One</md-option>
  <md-option value="Two">Two</md-option>
  <md-option>Three</md-option>
</md-select>

使用 md-select 和 Material 设计的选定选项 Angular

Selected options with md-select and Material Design for Angular

angular

angular-material2