Créer une Directive de base avec Angular

Introduction :


Code pour créer une directive de base avec Angular. Dans ce cas, la directive affiche une portion de code html, avec une variable du controleur. On constate donc qu’on peut créer ses propres balises Html.

Le Code:


1 Directive avec Angular

	<!--styles -->

    <!--scripts--><script src="angular.min.js" type="text/javascript"></script><script src="angular-route.min.js" type="text/javascript"></script><script src="ui-bootstrap.min.js" type="text/javascript"></script><script src="ui-bootstrap-tpls.min.js" type="text/javascript"></script><script>// <![CDATA[
	'use strict';

	angular.module('MonApp',[])
	.controller('MonControleur',function($scope){
		$scope.personne = {nom:"Durand"};
	})
	.directive('maDirective',function(){
		return{
			restrict:'E',
			template:"
Hello {{personne.nom}}
"
		}
	});

// ]]></script>
Publicités