Latest web development tutorials

AngularJS Filter

(|) Filter kann ein Pipe-Zeichen verwenden, um die Ausdrücke und Anweisungen hinzuzufügen.

AngularJS Filter

AngularJS Filter kann verwendet werden, um die Daten zu konvertieren:

Filter Beschreibung
Währung Format Zahlen als Währung formatiert.
Filter Auswählen einer Teilmenge von Elementen aus dem Array.
Klein Format-String in Kleinbuchstaben.
orderBy Array-Anordnung gemäß einem Ausdruck.
Groß Format-String in Großbuchstaben.

Filter hinzufügen Expressions

Man filtriert durch ein Pipe-Zeichen (|), und ein Filter zum Ausdruck hinzugefügt. .

((Zwei Beispiele unten, werden wir den vorigen Abschnitt erwähnten Person Controller verwenden))

Großfilterkette als Groß formatiert:

AngularJS Beispiele

<Div ng-app = "myApp " ng-Controller = "personCtrl">

<P> Name ist {{nachName | Groß}} < / p>

</ Div>

Versuchen »

Kleinfilter Klein String - Formatierung:

AngularJS Beispiele

<Div ng-app = "myApp " ng-Controller = "personCtrl">

<P> Name ist {{nachName | Klein}} < / p>

</ Div>

Versuchen »

Währung Filter

Währung Digitalfilter wird als Währungsformat formatiert werden:

AngularJS Beispiele

<Div ng-app = "myApp " ng-Controller = "costCtrl">

<Input type = "number" ng -Modell = "Menge">
<Input type = "number" ng -Modell = "Preis">

<P> Gesamtpreis = {{(Menge * Preis) | Währung}} </ p>

</ Div>

Versuchen »

Fügen Sie Filter auf die Anweisung

Man filtriert durch ein Pipe-Zeichen (|), und ein Filter zur Richtlinie hinzugefügt.

orderBy Filterfeldanordnung gemäß dem Ausdruck:

AngularJS Beispiele

<Div ng-app = "myApp " ng-Controller = "namesCtrl">

<Ul>
<Li ng-repeat = "x in Namen | orderBy:" Land "">
{{X.name + ',' + x.country}}
</ Li>
</ Ul>

<Div>

Versuchen »

Filtereingang

Eingangsfilter durch ein Pipe-Zeichen (|) und eines Filters wird der Richtlinie hinzugefügt, den Filter, gefolgt von einem Doppelpunkt und einem Modellnamen.

Filter Filter wählen Sie eine Teilmenge aus dem Array:

AngularJS Beispiele

<Div ng-app = "myApp " ng-Controller = "namesCtrl">

<P> <input type = " text" ng-Modell = "test"> </ p>

<Ul>
<Li ng-repeat = "x in Namen | Filter: Test | orderBy:" Land "">
{{(X.name | Groß) + ',' + x.country}}
</ Li>
</ Ul>

</ Div>

Versuchen »