web:javascript:angularjs:directives
Ceci est une ancienne révision du document !
Table des matières
Directives
Types de bindings
Symbol | Utilisation |
---|---|
@ | Lecture seule |
= | Lecture/écriture (two-way binding) |
& | Method Binding |
Directives
Scope
Scope d'un élément
Dans une directive, on peut avoir accès au scope d'un élément (autre au scope de la directive elle-même, mais un élément tout de même à l'intérieur de celle-ci).
element.on('click', 'input', function(event) { var inputScope = angular.element(this).scope(); });
Pourcent
myApp.directive("percent", function($filter){ var p = function(viewValue){ var m = viewValue.match(/^(\d+)\/(\d+)/); if (m != null) return $filter('number')(parseInt(m[1])/parseInt(m[2]), 2); return $filter('number')(parseFloat(viewValue)/100, 5); }; var f = function(modelValue){ return $filter('number')(parseFloat(modelValue)*100, 2); }; return { require: 'ngModel', link: function(scope, ele, attr, ctrl){ ctrl.$parsers.unshift(p); ctrl.$formatters.unshift(f); } }; });
Source : JSFiddle
web/javascript/angularjs/directives.1417656554.txt.gz · Dernière modification : 2022/02/02 00:43 (modification externe)