带有 md-select 和 Material Design for Angular 的选定选项

Question

使用Material Design for Angular 时，如何在Select 组件上设置默认（即选定）选项？

<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 引导我：

• Angular Material md 选择选项组默认选择值
• md-select 无法设置选定的值

我已经尝试过ng-selected="true"和selected属性，都没有工作。

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

需要明确的是，我没有使用Material Design for AngularJS Apps。我正在为 Angular使用Material Design。

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>