J'ai déjà appris l'utilisation de base d'AngularJS, alors j'apprendrai ici le contenu pertinent des expressions avec PDF.
Les expressions dans AngularJS ne sont pas exactement les mêmes que dans JS.
Tout d'abord, son expression doit être placée dans {{}} avant de pouvoir être utilisée. Deuxièmement, par rapport au concept d'expression en JavaScript, il a les différences suivantes:
1 étendues différentes
La fonction par défaut dans JavaScript est la fenêtre, mais elle est différente dans AngularJS. Il utilise $ Control Scope pour agir.
2 Autoriser les valeurs non définies
Dans AngularJS, si une expression non définie est utilisée, il n'y aura pas d'erreur et la valeur nul sera renvoyée directement.
3 filtres
Vous pouvez utiliser le | Caractère de commande de tuyau dans une expression pour ajouter des filtres, similaires à la ligne de commande d'Unix.
Symbole 4 $
Utilisé pour distinguer les méthodes angulaires des méthodes définies par l'utilisateur.
Voici un petit code:
<! doctype html> <html ng-app> <ead> <meta http-equiv = "content-type" content = "text / html; charset = utf-8" /> <script src = "http://apps.bdimg.com/libs/angular.js/1.2.16/angular.min.js"> </angular> </ heads> </ heads> </ heads> </ heads> </ heads> </head <body> <div ng-controller = "ctl"> name: <input ng-model = "name" type = "text"> <button ng-Click = "reset ()"> reset </utton> <br> {{name}} <br> Bonjour! {{test}} <br> filtre: {{nom | uppercase}} </ div> <script type = "text / javascript"> function ctl ($ scope) {var str = "init"; $ scope.name = str; $ scope.reset = function () {$ scope.name = str; }} </ script> </ body> </html>déclenchez la méthode de réinitialisation via RESET pour réinitialiser le contenu de la variable de nom;
Dans l'expression, un test non défini est référencé, mais aucune erreur n'est signalée, et elle est affichée comme vide par défaut; - {{test}}
Enfin, utilisez un filtre pour convertir la valeur du nom dans l'expression en majuscule. - {{nom | majuscule}}
Résultats en cours:
Ce qui précède est l'information triant les expressions AngularJS. Nous continuerons d'ajouter des informations pertinentes à l'avenir. Merci pour votre soutien!