AngularJS je m'y mets !

Directive ngModel (suite)

La directive ngModel peut s'appliquer à tout contrôle. Voici un exemple avec des cases à cocher :

<div ng-app>
	<form ng-init="valeur1=true; valeur2=false">
		Valeur1 : <input type="checkbox" ng-model="valeur1"> {{valeur1}}<br>
		Valeur2 : <input type="checkbox" ng-model="valeur2"> {{valeur2}}
	</form>
</div>
Valeur1 : {{valeur1}}
Valeur2 : {{valeur2}}

On initialise les variables valeur1 et valeur2 avec la directive ngInit. Remarquez que la liaison est bidirectionnelle parce que la case qui concerne la valeur1 se retrouve cochée au départ. Ensuite la modification de la valeur de chaque case est immédiatement reportée dans la valeur de la variable correspondante.

Précédent Suivant

Retour à l'accueil...