AngularJS je m'y mets !

Directives

Voyons à présent la propriété restrict qui permet de déterminer le style de déclaration pour les directives. Voici un tableau résumé :

Style de déclaration pour les directives
Caractères Style de déclaration Exemple
E Elément
<monespace-directive></monespace-directive>
A Attribut
<div monespace-directive></div>
C Classe
<div class="monespace-directive"></div>
M Commentaire
<!-- directive: monespace-directive -->

J'ai surligné la valeur par défaut, donc en tant qu'attribut. Si vous désirez utiliser un autre style vous devez utiliser la propriété restrict :

    <div ng-app="monApplication">
	    <div class="monespace-directive1"></div>
	    <monespace-directive2></monespace-directive2>
	    <script>
		angular.module('monApplication', []).
	    	directive('monespaceDirective1', function () {
				return {
					template: "<p> Je suis une directive de style classe ! </p>",
					restrict: "C"
				}
		    }).
	    	directive('monespaceDirective2', function () {
				return {
					template: "<p> Je suis une directive de style élément ! </p>",
					restrict: "E"
				}
		    });
	    </script>
    </div>

Il est possible de déclarer plusieurs restrictions, il suffit de mettre les lettres correspondantes :

restrict: "AC"
Précédent Suivant

Retour à l'accueil...