AngularJS -Filter
Filter können Ausdrücken und Anweisungen mit einem Rohrcharakter (|) hinzugefügt werden.
AngularJS -Filter
AngularJS -Filter können verwendet werden, um Daten zu konvertieren:
| Filter | beschreiben |
|---|---|
| Währung | Formatnummern in Währungsformat. |
| Filter | Wählen Sie eine Teilmenge aus dem Array -Element aus. |
| Kleinbuchstaben | Formatketten sind Kleinbuchstaben. |
| Orderby | Arrays nach einem Ausdruck anordnen. |
| Großbuchstaben | Die formatierte Zeichenfolge wird aktiviert. |
Fügen Sie den Ausdrücken Filter hinzu
Filter können über ein Rohrcharakter (|) und einen Filter zu Ausdrücken hinzugefügt werden. .
((In den folgenden zwei Beispielen werden wir den im vorherigen Kapitel genannten Person Controller verwenden)))
Der Großbuchstaben filtert die Schnur in Großbuchstaben:
AngularJS -Instanz
<! DocType html> <html> <kopf> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js" ng-controller = "personctrl"> <p> Der Name ist {{LastName | Großbuchstaben}} </p> </div> <script src = "PersonController.js"> </script> </body> </html>Auslaufergebnisse:
Nennen Sie Doe
Der Kleinbuchstabenfilter formatiert die Zeichenfolge in Kleinbuchstaben:
AngularJS -Instanz
<! DocType html> <html> <kopf> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js" ng-controller = "personctrl"> <p> Der Name ist {{LastName | Kleinbuchstaben}} </p> </div> <script src = "personcontroller.js"> </script> </body> </html>Auslaufergebnisse:
Namens doe
Währungsfilter
Das Währungsfilterformat die Zahlen in das Währungsformat:
AngularJS -Instanz
<! DocType html> <html> <kopf> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js" ng-controller = "costctrl"> Menge: <Eingabe type = "number" ng-model = "mantitus"> preis: <Eingabe type = "number" ng-model = "preis"> <p> Gesamtpreis = {{(Quantität * Preis) | Währung}} </p> </div> <script> var app = angular.module ('myapp', []); app.controller ('costctrl', function ($ scope) {$ scope.quantity = 1; $ scope.price = 9.99;});Auslaufergebnisse:
Menge: Preis:
Gesamtpreis = 9,99 USD
Fügen Sie Filtern zu Richtlinien hinzu
Filter können über einen Rohrcharakter (|) und einen Filter zu Richtlinien hinzugefügt werden.
Der OrderBy -Filter ordnet Arrays gemäß den Ausdrücken ein:
AngularJS -Instanz
<! DocType html> <html> <kopf> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js" ng-controller = "nameSctrl.
Auslaufergebnisse:
Schleifenobjekt:
Filtereingang
Der Eingangsfilter kann der Richtlinie durch ein Rohrcharakter (|) und ein Filter gefolgt von einem Dickdarm und einem Modellnamen hinzugefügt werden.
Der Filterfilter wählt eine Teilmenge aus dem Array aus:
AngularJS -Instanz
<! DocType html> <html> <kopf> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js" ng-controller = "nameSctrl"> <p> Eingabefilterung: </p> <p> <Eingabe type = "text" ng-model = "test"> </p> <ul> <li ng-repeat = "x in Namen | Filter: Test | OrderBy: 'Country'"> {{(X.Name | ober </li> </ul> </div> <script src = "namesController.js"> </script> </body> </html>Laufeffekt:
Eingabefilterung:
Das obige ist eine Zusammenfassung des Wissens über AngularJS -Filter. Wir werden sie später weiter hinzufügen. Freunde, die es brauchen, können sich darauf beziehen.