Selected options using md-select and Material Design for Angular

Question

How to set the default option (i.e. selected) to 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>

The SO search leads me to:

• Angular Material md select default parameter group selected by default
• md-select cannot set the selected value

I tried both attributes ng-selected="true"and selectedbut does not work.

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

To be clear, I'm not using 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>