Publier des documents web interactifs (AngularJS)

La création d'une directive

Structure générale

Les directives sont enregistrées auprès du module comme le contrôleur. Ci-dessous, vous trouverez la syntaxe générale pour définir une directive avec notamment quelques options par défaut.

CTRL+C pour copier, CTRL+V pour coller
1
var myModule = angular.module(...); 
2
myModule.directive('directiveName', function (injectables) {
3
  return {
4
    restrict: 'A', 
5
    template: '<div></div>',
6
    templateUrl: 'directive.html',
7
    replace: false,
8
    transclude: false,
9
    scope: false,
10
    link: function postLink(scope, iElement, iAttrs) { ... }
11
  };
12
});
var myModule = angular.module(...); 
myModule.directive('directiveName', function (injectables) {
  return {
    restrict: 'A', 
    template: '<div></div>',
    templateUrl: 'directive.html',
    replace: false,
    transclude: false,
    scope: false,
    link: function postLink(scope, iElement, iAttrs) { ... }
  };
});
PrécédentPrécédentSuivantSuivant
AccueilAccueilImprimerImprimer Merouane HARRIGA, 2015 (Contributions : Stéphane Crozat, les étudiants de NF29) Paternité - Partage des Conditions Initiales à l'IdentiqueRéalisé avec Scenari (nouvelle fenêtre)