AngularJS je m'y mets !

Les directives

Les directives permettent d'augmenter les possibilités du HTML, ce sont des déclarations de fonctions Javascript. Ces fonctions ajoutent à des balises, attributs, classes et même commentaires HTML, des comportements. AngularJS possède un compilateur qui parcourt le DOM et repère les directives, il exécute alors la fonction correspondante. Nous avons déjà vu la directive ng-app qui sert à l'initialisation d'AngularJS. Nous avons également rencontré ng-bind qui a le même effet que les doubles accolades et sert donc à évaluer des expressions. AngularJS comporte de nombres directives, nous allons en voir quelques unes.

Directives ngClick et ngInit

La directive ngClick permet de déclencher un comportement lors d'un clic sur l'élément correspondant. La directive ngInit permet de faire des initialisations avant l'exécution des autres directives. Voici un exemple :

<div ng-app>
	<button ng-click="number = number * 2" ng-init="number=1">Multiplier par 2</button>
	Nombre : {{number}}
</div>
Nombre : {{number}}

On déclare une variable number, on l'initialise à 1 avec la directive ngInit et on utilise ensuite la directive ngClick pour faire l'action "multiplier par 2".

Suivant

Retour à l'accueil...