AngularJS je m'y mets !

Directive ngModel (suite)

La directive ngModel peut s'appliquer aussi à un contrôle select, c'est juste un peu plus délicat à mettre en oeuvre. Prenons le cas d'une liste de ville :

<div ng-app>
	<div ng-init="villes=['Paris','Lyon','Marseille','Toulouse']">
		<select ng-model="valeur" ng-options="villes.indexOf(v) as v for v in villes">
			<option value="">-- Choisissez une ville --</option>
		</select>
		Valeur de l'option : {{valeur}}
	</div>
</div>
Valeur de l'option : {{valeur}}

On initialise le tableau des noms de villes avec la directive ngInit. Ensuite la directive ngOptions permet de remplir la liste avec les valeurs du tableau des villes. La directive ngModel sert de liaison pour la valeur du choix, ici des nombres.

Précédent Suivant

Retour à l'accueil...