Permettez-moi de vous présenter ce qu'est AngularJS?
AngularJS est un cadre structurel conçu pour les applications Web dynamiques. Il vous permet d'utiliser HTML comme langue de modèle, et en étendant la syntaxe HTML, vous pouvez créer vos composants d'application plus clairement et concise. Son innovation est qu'il utilise la liaison des données et l'injection de dépendance pour vous empêcher d'écrire beaucoup de code. Tous ces éléments sont implémentés via JavaScript côté navigateur, ce qui le rend également parfaitement combiné avec n'importe quelle technologie côté serveur.
AngularJS est conçu pour surmonter les lacunes de HTML dans les applications de construction. HTML est un bon langage déclaratif conçu pour l'affichage de texte statique, mais il sera faible si vous souhaitez créer des applications Web. J'ai donc fait un peu de travail (vous pouvez aussi penser que c'était un petit truc) pour amener le navigateur à faire ce que je veux.
AngularJS fournit des filtres pour formater les données d'entrée et de sortie. Commençons à introduire l'utilisation des filtres AngularJS. Jetons un coup d'œil
• Utiliser dans les fichiers HTML et dans les fichiers JS
$ scope.form_time = $ filter ('date') ($ scope.time, 'yyyy-mm-dd hh: mm: ss'); <p> {{time | Date: 'Yyyy-mm-dd HH: mm: ss'}} </p>• Filtres internes et filtres personnalisés
.filter ('my_data_format', [function () {return function (data, str, ss) {console.log ('data:', data, 'str:', str, 'sss:', arguments [2]);}}]); // var1 est le premier paramètre Data, 123 est le deuxième paramètre Str, c'est le troisième paramètre <p> {VaR1 | my_data_format: 123: 'this'}} </p> // traite les données entrantes.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_}); arr;}}]); // les filtres peuvent être utilisés dans des valeurs liées, ou dans ng-if = "(lists | my_data_format: '2'). la longueur> 0", et ng-show, etc.; expressions similaires. En tant que déclaration de jugement <p ng-repeat = "List in lists"> name: {{list.name}}, nombre de personnes {{(listes | my_data_format: '2'). Longueur}} </ p>