web-dev-qa-db-fra.com

AngularJS ng-options option sélectionnée par défaut

Comment définir une option par défaut avec ng-options? 

J'ai mis ceci dans le contrôleur (en utilisant le contrôleur comme syntaxe):

this.myOption = this.myOptions[0];

Cependant, cela retourne toujours une option par défaut vide:

<option value="?" selected="selected"></option>

Comment définir l'option par défaut sur la première valeur de mon modèle ("Elément 1")?

Voici une démo JSBin .

7
Ryan

soit changer:

ng-options="value.id as value.label ...

à:

ng-options="value as value.label ...

démo: http://jsbin.com/gewebeqo/4/


ou utiliser:

this.myOption = this.myOptions[0].id;

dans le contrôleur.

démo: http://jsbin.com/gewebeqo/3/

12
Yoshi

ng-model a besoin de l'identifiant de l'option que vous voulez sélectionner. Par conséquent, vous devez utiliser this.myOption = this.myOptions[0].id; au lieu de this.myOption = this.myOptions[0].

3
Daniel