Угловой материал md-select по умолчанию выбранное значение

Я использую Angular 2 с Angular Material. Глядя на документацию, я пытаюсь получить, чтобы выбор имел значение по умолчанию, а не пустой заполнитель.

Я попробовал следующие два варианта, и оба из них не устанавливают значение по умолчанию

<md-select selected="1">
  <md-option value="1" >One</md-option>
  <md-option value="2">Two</md-option>
</md-select>

<md-select>
  <md-option value="1" selected="true">One</md-option>
  <md-option value="2">Two</md-option>
</md-select>

Я посмотрел все документы и примеры, ни один из них не помог

Ответ 1

Используйте [(ngModel)]:

<mat-select [(ngModel)]="selectedOption">
  <mat-option value="1">One</mat-option>
  <mat-option value="2">Two</mat-option>
</mat-select>

Компонент:

this.selectedOption = '1';

Изменить № 1:

Поскольку Material2.0.0 # beta10 (в частности, этот PR), вы можете выбрать значение, используя свойство value в MatSelect:

<mat-select [value]="selectedOption">
  <mat-option value="1">One</mat-option>
  <mat-option value="2">Two</mat-option>
</mat-select>

Компонент:

this.selectedOption = '1';

Обратите внимание, что вы также можете использовать его с двусторонней привязкой данных → [(значение)].

DEMO

Ответ 2

 <mat-select [value]="0" >