Detaillierte Erläuterung der integrierten Filter_AngularJS von AngularJS

Heute lernen wir die integrierten Filter von AngularJS kennen

Sehen wir uns an, wie Sie diese integrierten Filter verwenden:

Ein Filter ohne Parameter
{{Ausdruck |.

Ein Filter mit Parametern
{{expression |. filter:arguments}}

Ein Filter mit mehreren Parametern
{{expression |. filter: arg1: arg2: ...}}

Mehrere Filter ohne Parameter
{{Ausdruck |. filter2 |.}}

Nachfolgend verwenden wir die folgenden integrierten Filter von AngularJS

Währung

Währung ermöglicht es uns, unser eigenes Währungssymbol festzulegen. Standardmäßig wird das Währungssymbol der Region verwendet, in der sich der Kunde befindet.
Es kann wie folgt verwendet werden: {{ 3600 |. Währung: "$￥"}}
Das zurückgegebene Ergebnis ist $￥123,00
Klicken Sie hier, um eine Vorschau des Online-Codes anzuzeigen

Nummer

Der Zahlenfilter formatiert Zahlen in Text. Sein Parameter ist optional und wird verwendet, um die Anzahl der Nachkommastellen zu steuern.
Wenn ein nicht numerisches Zeichen übergeben wird, wird eine leere Zeichenfolge
zurückgegeben. Kann wie folgt verwendet werden: {{ 3600 | number:2}}
Das zurückgegebene Ergebnis ist: 3.600,00
Klicken Sie hier, um eine Vorschau des Online-Codes anzuzeigen

Kleinbuchstaben

lowercase wandelt die Zeichenfolge in Kleinbuchstaben um
Kann wie folgt verwendet werden: {{ "Hello" | Das Rückgabeergebnis ist: hallo

Klicken Sie hier, um eine Vorschau des Online-Codes anzuzeigen

Großbuchstaben

uppercase wandelt die Zeichenfolge in Großbuchstaben um

Kann wie folgt verwendet werden: {{ "Hello" | Das Rückgabeergebnis ist: HALLO

Klicken Sie hier, um eine Vorschau des Online-Codes anzuzeigen

json

Der JSON-Filter kann ein JSON- oder JavaScript-Objekt in einen String konvertieren.

Dieser Filter ist zum Debuggen sehr nützlich

Es kann wie folgt verwendet werden: {{ {"name": "dreampapple", "Sprache": "AngularJS"} | Das Rückgabeergebnis ist: { "name": "dreamapple", "sprache": "AngularJS" }

Klicken Sie hier, um eine Vorschau des Online-Codes anzuzeigen


Datum

Der Datumsfilter filtert Daten in das gewünschte Format. Das ist wirklich ein guter Filter.
Es gibt viele Möglichkeiten, diesen Filter zu verwenden. Hier sind einige häufig verwendete {{ heute |. Datum: „JJJJ – MM – TT“}}

Das Ergebnis ist: 13.15.2015

{{ heute |. Datum: "JJJJ - MM - TT HH:mm::ss"}}
Das Ergebnis ist: 2015-18-13 20:18::38
[Online-Code](2015 - 18 - 13 20:18::38)


Es gibt auch drei eingebaute Filter, die jedoch etwas komplizierter zu verwenden sind. Lassen Sie uns diese im nächsten Artikel gemeinsam besprechen

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er gefällt Ihnen allen.