使用md-select和Material Design for Angular选择的选项

Question

使用Select component时如何在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引导我：

• Angular Material md select option group default selected values
• md-select can't set selected value

我已经尝试了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>