Beispielanalyse für die Filterverwendung von AngularJS

Das Beispiel in diesem Artikel beschreibt die Verwendung des AngularJS-Filters. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

In diesem Abschnitt werfen wir einen Blick auf den Filter von AngularJS.

In unserer Entwicklung müssen die Informationen, die dem Benutzer auf der Seite angezeigt werden sollen, formatiert werden, bevor sie dem Benutzer angezeigt werden können. Zum Beispiel Zeitlokalisierung oder Format JJJJ-MM-TT HH:MM:SS, digitale Präzisionsformatierung, Lokalisierung, Namensformatierung usw. Angularjs stellt uns einen Befehl namens Filter zur Verfügung, mit dem wir auf einfache Weise eine Reihe von Funktionen ausführen können. Angularjs stellt uns viele integrierte Filter zur Verfügung, z. Und wir können unsere eigenen Feldfilter ganz einfach anpassen.

Das folgende Beispiel:

html:

<div ng-app="app" ng-controller="test">
num:<input ng-model="num" />
<br/>
{{num | number}}
<br/>
{{num | number:2}}
<br/>
first name:<input ng-model="person.first"/>
<br/>
last name:<input ng-model="person.last"/>
<br/>
name: {{person | fullname}}
  <br/>
name: {{person | fullname:"- -"}}
    <br/>
name: {{person | fullname:" " | uppercase }}
</div>

js:

function test($scope) {
}
angular.module("app", []).controller("test", test).
filter("fullname", function() {
  var filterfun = function(person, sep) {
    sep = sep || " ";
    person = person || {};
    person.first = person.first || "";
    person.last = person.last || "";
    return person.first + sep + person.last;
  };
  return filterfun;
});

jsfiddle-Effekt: http://jsfiddle.net/whitewolf / uCPPK/9/

demonstriert im Beispiel zunächst die Verwendung des Zahlenfilters, der mit AngularJS geliefert wird. Wir zeigen Ihnen auch, wie Sie einen AngularJS-Filter erstellen. Die Implementierung ist sehr einfach.

Abschließende Anmerkung: AngularJS-Filter unterstützen das Schreiben von Ketten, wie das Pipeline-Modell von Powershell oder anderen Betriebssystem-Shell-Sprachen, in der Form von value filter2 .

Ich hoffe, dass dieser Artikel für alle in der AngularJS-Programmierung hilfreich sein wird.

Weitere Beispielanalysen zur Verwendung von AngularJS-Filtern und verwandte Artikel finden Sie auf der chinesischen PHP-Website!