Eine kurze Analyse des $filter-Dienstes von Angular

Stellen Sie zunächst den $filter-Dienst vor:

1. $filter ist ein dedizierter Dienst, der für die Datenformatierung verwendet wird.

2 json, limitTo, smallcase, number, orderBy diese 8 Filter können verschachtelt und durch das Pipe-Symbol „|“ getrennt werden (ein bisschen wie Linux); 4. Der Filter kann Parameter übergeben.

5.

Einführung in die integrierten Filter:

Währung: Wird zum Formatieren der Währung verwendet, z. B. durch automatisches Hinzufügen von „$“ oder „￥“ vor dem Wert.

Datum: Datum formatieren, es bietet umfangreiche Datumsformate.

json: Vollständige JSON-Formatierung.

Zahl: Zum Beispiel die Umrechnung in zwei Dezimalstellen usw.

orderBy: Sortieren.

Einfache Verwendung des Filters:

{{ 1304375948024 | date }}
{{ 1304375948024 | date:"MM/dd/yyyy h:mma" }}
{{ 1304375948024 | date:"yyyy-MM-dd hh:mm:ss" }}
{{ 30 | currency }}

Ausgabe:

3. Mai 2011

03.05.2011 6:39 Uhr

2011-05-03 06:39:08

30,00 $

Benutzerdefinierter Filter:

z. B.:

var myModule = angular.module('myModule',[]);
myModule.filter('myFilter',function(){
return function(item){
return 'Hi,'+item;
}
});

Verwenden Sie: {{ 'JennyLin' |