Lassen Sie mich Ihnen vorstellen, was AngularJs ist?
AngularJS ist ein strukturelles Rahmen für dynamische Webanwendungen. Sie können HTML als Vorlagensprache verwenden. Durch Erweiterung der HTML -Syntax können Sie Ihre Anwendungskomponenten klarer und besser erstellen. Seine Innovation ist, dass es Datenbindung und Abhängigkeitsinjektion verwendet, um zu verhindern, dass Sie viel Code schreiben. All dies wird über das Browser-Seite-JavaScript implementiert, was es auch perfekt mit jeder serverseitigen Technologie kombiniert.
AngularJS ist so konzipiert, dass sie die Mängel von HTML bei Gebäudemanien überwinden. HTML ist eine gute deklarative Sprache, die für die statische Textanzeige entwickelt wurde, aber es ist schwach, wenn Sie Webanwendungen erstellen möchten. Also habe ich etwas gearbeitet (man kann auch denken, dass es ein kleiner Trick war), den Browser dazu zu bringen, das zu tun, was ich will.
AngularJS stellt Filter zur Formatierung von Eingangs- und Ausgabedaten bereit. Beginnen wir mit der Einführung der Verwendung von AngularJS -Filtern. Schauen wir uns an
• Verwenden Sie in HTML -Dateien und in JS -Dateien
$ scope.form_time = $ filter ('Datum') ($ scope.time, 'yyyy-mm-dd hh: mm: ss'); <p> {{time | Datum: 'yyyy-mm-dd hh: mm: ss'}} </p>• Interne Filter und benutzerdefinierte Filter
.Filter ('my_data_format', [function () {return function (data, str, ss) {console.log ('Daten:', data, 'str:', str, 'ss:', Argumente [2]);}}]); // var1 ist der erste Parameterdaten, 123, 123 ist der zweite Parameter. my_data_format: 123 : 'this'}}</p>//process the incoming data.filter('my_data_format',[function(){return function(data,str){var arr=[];angular.forEach(data, function(one_list){if(one_list.status == str){arr.push(one_list);}});return arr;}}]); // Filter können in gebundenen Werten oder in ng-if = "verwendet werden (listet | my_data_format: '2'). Länge> 0" und ng-show usw.; Ähnliche Ausdrücke. Als Urteilsanweisung <p ng-repeat = "list in lists"> name: {{list.name}}, Anzahl der Personen {{(lists | my_data_format: '2'). Länge}} </p>