AngularJS je m'y mets !

Directives

Voyons à présent la propriété replace. Par défaut le morceau de HTML vient s'insérer dans le DOM à l'emplacement désigné. Parfois on veut remplacer l'élément utilisé pour obtenir un DOM plus propre. Voici un exemple :

<div ng-app="monApplication">
    <monespace-directive1></monespace-directive1>
    <monespace-directive2></monespace-directive2>
    <script>
	angular.module('monApplication', []).
    	directive('monespaceDirective1', function () {
			return {
				template: "<p> Je suis une directive qui insère ! </p>",
				restrict: "E"
			}
	    }).
    	directive('monespaceDirective2', function () {
			return {
				template: "<p> Je suis une directive qui remplace ! </p>",
				restrict: "E",
				replace: true
			}
	    });
    </script>
    </div>

Voici le code résultant :

<monespace-directive1><p> Je suis une directive qui insère ! </p></monespace-directive1>
<p> Je suis une directive qui remplace ! </p>
Précédent Suivant

Retour à l'accueil...