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

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

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

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

Ответы

Используйте [(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';

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

Ответы