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