web-dev-qa-db-fra.com

Angular Matériau md-select valeur sélectionnée par défaut

J'utilise Angular 2 avec Angular Material . En regardant la documentation, j'essaie d'obtenir la sélection pour avoir une valeur par défaut par opposition à un espace réservé vide.

J'ai essayé les deux options suivantes et les deux ne définissent pas de valeur par défaut

<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>

J'ai regardé toutes les documentations et les exemples, aucun d'eux n'a aidé

angularangular-material2
11
ErnieKev

Utilisez [(ngModel)]:

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

Composant: 

this.selectedOption = '1';

Éditer # 1:

Puisque Material2.0.0 # beta10 (spécifiquement ce PR ) vous pouvez sélectionner une valeur en utilisant la propriété value de MatSelect:

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

Composant: 

this.selectedOption = '1';

Notez que vous pouvez également l'utiliser avec liaison de données bidirectionnelle -> [(valeur)] .

[~ # ~] démo [~ # ~]

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

Nous pouvons facilement le faire en définissant la valeur par défaut

0
Vikram Jangra