Différences

Ci-dessous, les différences entre deux révisions de la page.

--- web:javascript:angularjs:filtres [2014/12/04 02:28] – sgariepy
+++ web:javascript:angularjs:filtres [2022/02/02 00:42] (Version actuelle) – modification externe 127.0.0.1
@@ Ligne 1: / Ligne 1: @@
+====== Filtres ======
+Généralement, les filtres modifient la sortie de données.
+  * Formatting
+  * Tri
+  * Filtrer
+''%%{{ expresssion | filter }}%%''
+====== Built-in filters ======
+  * uppercase
+  * lowercase
+  * number ->  ''%%{{ 3.1416937635 | number:2}}%%'', retourne ''3.14''.
+  * currency
+  * date
+  * json
+  * orderBy
+  * limitTo
+  * filter
+====== Écrire ses propres filtres ======
+<code javascript>
+module.filter('name', function() {
+  return function(input /*, filter parameters*/) {
+    // modifier le input
+    return modifiedInputAsOutput;
+  }
+});
+</code>
+Quand on crée un filtre, on peut faire appel à ce filtre avec ''$filter''.  Par exemple:
+<code javascript>
+var filteredData = $filter('nomdufiltre')(data);
+</code>
+Mais on peut aussi utiliser le //keyword// ''Filter'' directement en injectant le filtre:
+<code javascript>
+angular.module('myApp').controller('myCtrl', function(nomdufiltreFilter) {
+  var filteredData = nomdufiltreFilter(data);
+});
+</code>
+====== Autres filtres ======
 ===== Pourcent =====