AngularJS -Ausdrücke
AngularJS verwendet Ausdrücke, um Daten an HTML zu binden.
AngularJS -Ausdruck ist in doppelten Klammern geschrieben: {{Ausdruck}} .
AngularJS-Expressionen binden Daten an HTML, die der NG-Bind -Richtlinie ähnlich sind.
AngularJs "Ausgabe" Daten an dem Ort, an dem der Ausdruck geschrieben wird.
AngularJS -Ausdrücke ähneln JavaScript -Ausdrücken : Sie können Literale, Operatoren und Variablen enthalten.
Instanz {{5 + 5}} oder {{FirstName + "" + Lastname}}
Beispielcode:
<! DocType html> <html> <kopf> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min }} </p> </div> </body> </html>
Auslaufergebnisse:
Mein erster Ausdruck: 10
AngularJS -Zahlen
AngularJS -Zahlen sind wie JavaScript -Zahlen:
Beispielcode:
<! DocType html> <html> <kopf> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js" ng-init = "Quantity = 1; cost = 5"> <p> Gesamtpreis: {{Quantität * Kosten}} </p> </div> </body> </html>Auslaufergebnisse:
Gesamtpreis: 5
Das gleiche Beispiel unter Verwendung von NG-Bind:
Beispielcode:
<! DocType html> <html> <kopf> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js" ng-init = "Quantität = 1; Kosten = 5"> <p> Gesamtpreis: <span ng-bind = "Menge * Kosten"> </span> </p> </div> </body> </html>
Auslaufergebnisse:
Gesamtpreis: 5
Hinweis: Die Verwendung von NG-Init ist nicht sehr häufig. Sie lernen einen besseren Weg, um Daten im Controller -Kapitel zu initialisieren.
AngularJS String
AngularJS -Saiten sind wie JavaScript -Saiten:
Beispielcode:
<! DocType html> <html> <kopf> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js" ng-init = "FirstName = 'John'; Lastname = 'doe'"> <p> Name: {{{FirstName + "" + Lastname}} </p> </div> </body> </html>Auslaufergebnisse:
Name: John Doe
Das gleiche Beispiel unter Verwendung von NG-Bind:
Beispielcode:
<! DocType html> <html> <kopf> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js" ng-init = "FirstName = 'John'; Lastname = 'doe'"> <p> Name: <span ng-bind = "FirstName + '' + LastName"> </span> </p> </div> </body> </html>
Auslaufergebnisse:
Name: John Doe
AngularJS -Objekte
AngularJS -Objekte sind wie JavaScript -Objekte:
Beispielcode:
<! DocType html> <html> <kopf> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js" ng-init = "Person = {FirstName: 'John', LastName: 'doe'}"> <p> Der Nachname ist {{Person.LastName}} </p> </div> </body> </html>Auslaufergebnisse:
Namens doe
Das gleiche Beispiel unter Verwendung von NG-Bind:
Beispielcode:
<! DocType html> <html> <kopf> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js" ng-init = "person = {FirstName: 'John', Lastname: 'doe'}"> <p> Der Nachname ist <span ng-bind = "person.lastname"> </span> </p> </div> </body> </html>Auslaufergebnisse:
Namens doe
AngularJS -Array
AngularJS -Arrays sind wie JavaScript -Arrays:
Beispielcode:
<! DocType html> <html> <kopf> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js" ng-init = "Punkte = [1,15,19,2,40]"> <p> Der dritte Wert ist {{Punkte [2]}} </p> </div> </body> </html>Auslaufergebnisse:
Der dritte Wert ist 19
Das gleiche Beispiel unter Verwendung von NG-Bind:
Beispielcode:
<! DocType html> <html> <kopf> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js" ng-init = "Punkte = [1,15,19,2,40]"> <p> Der dritte Wert ist <span ng-bind = "Punkte [2]"> </span> </p> </div> </body> </html>
Auslaufergebnisse:
Der dritte Wert ist 19
AngularJS -Ausdrücke und JavaScript -Ausdrücke
Ähnlich wie bei JavaScript -Ausdrücken können AngularJS -Ausdrücke Buchstaben, Operatoren und Variablen enthalten.
Im Gegensatz zu JavaScript -Ausdrücken können AngularJS -Ausdrücke in HTML geschrieben werden.
Im Gegensatz zu JavaScript -Ausdrücken unterstützen AngularJS -Ausdrücke keine bedingten Urteile, Schleifen und Ausnahmen.
Im Gegensatz zu JavaScript -Ausdrücken unterstützen AngularJS -Ausdrücke Filter.
Das obige ist eine Zusammenstellung von AngularJS -Expressionsmaterialien. Wir werden sie später weiter hinzufügen. Ich hoffe, es kann helfen, AngularJs zu lernen Mitschüler.