Ich habe schon einmal über die grundlegende Verwendung von AngularJs gelernt, also werde ich hier den relevanten Inhalt von Ausdrücken mit PDF lernen.
Ausdrücke in AngularJs sind nicht genau so wie in JS.
Zunächst muss sein Ausdruck in {{}} platziert werden, bevor er verwendet werden kann. Zweitens hat es im Vergleich zum Ausdruckskonzept in JavaScript die folgenden Unterschiede:
1 verschiedene Bereiche
Die Standardfunktion in JavaScript ist ein Fenster, ist jedoch in AngularJs unterschiedlich. Es verwendet $ Scope Control, um darauf zu reagieren.
2 undefinierte Werte zulassen
In AngularJs wird bei Verwendung eines undefinierten Ausdrucks kein Fehler vorliegen und der Nullwert wird direkt zurückgegeben.
3 Filter
Sie können die | verwenden Pipe -Befehlszeichen in einem Ausdruck zum Hinzufügen von Filtern, ähnlich der Befehlszeile von UNIX.
4 $ Symbol
Wird verwendet, um Winkelmethoden von benutzerdefinierten Methoden zu unterscheiden.
Hier ist ein kleiner Code:
<! docType html> <html ng-App> <Head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <script src = "http://apps.bdimg.com/angular.js/angular.js/1.1.16/angular.min.min.- /- <body> <div ng-controller = "ctl"> name: <input ng-model = "name" type = "text"> <button ng-klick = "reset ()"> Reset </button> <br> {{name}} <br> Hallo! {{test}} <br> filter: {{name | Großbuchstaben}} </div> <script type = "text/javaScript"> Funktion ctl ($ scope) {var str = "init"; $ scope.name = str; $ scope.reset = function () {$ scope.name = str; }} </script> </body> </html>Lösen Sie die Reset -Methode durch Reset aus, um den Inhalt der Namensvariable zurückzusetzen.
Im Ausdruck wird ein undefinierter Test verwiesen, es wird jedoch kein Fehler gemeldet und wird standardmäßig als leer angezeigt. - {{prüfen}}
Verwenden Sie schließlich einen Filter, um den Wert des Namens im Ausdruck in Großbuchstaben zu konvertieren. - {{Name | Großbuchstaben}}
Auslaufergebnisse:
Das obige ist die Informationen, die die AngularJS -Ausdrücke aussortieren. Wir werden in Zukunft weiterhin relevante Informationen hinzufügen. Vielen Dank für Ihre Unterstützung!