Ausdrücke werden verwendet, um Anwendungsdaten an HTML zu binden. Ausdrücke sind in Doppelklammern wie {{Ausdruck}} geschrieben. Das Verhalten in Ausdrücken ist das gleiche wie die NG-Bind-Richtlinie. AngularJS -Anwendungsausdrücke sind reine JavaScript -Ausdrücke und geben die dort verwendeten Daten aus.
AngularJS Expressionsformat: {{Ausdruck}}
AngularJS -Ausdrücke können Zeichenfolgen, Zahlen, Operatoren und Variablen sein
Nummer Operation {{1 + 5}}
String -Verkettung {{'abc' + 'bcd'}}
Variable Operation {{FirstName + "" " + Lastname}}, {{Quantity * cost}}
Objekt {{Person.lastname}}
Array {{Punkte [2]}}
AngularJS -Beispiel
1.angularJS -Zahlen
<div ng-App = "" ng-init = "mantitity = 2; cost = 5"> <p> Gesamtpreis: {{Quantität * Kosten}} </p> </div>Die obige Beispielausgabe:
Gesamtpreis: 10
Codekommentare:
ng-init = "Menge = 2; Kosten = 5" // Äquivalent zu var squenität = 2, Kosten = 5 in JavaScript;
Die gleiche Funktion kann mit NG-Bind erreicht werden
<div ng-app = "" ng-init = "mantitity = 1; cost = 5"> <p> Gesamtpreis: <span ng-bind = "Menge * cost"> </span> </p> // Die hier entspricht der hier angegeben
2. AngularJS String
<div ng-App = "" ng-init = "firstname = 'John'; Lastname = 'Snow'"> <p> Name: {{FirstName + "" + Lastname}} </p> </div>Ausgabe
Name: Jone Snow
3. AngularJS -Objekt
<div ng-App = "" ng-init = "person = {FirstName: 'John', Lastname: 'Snow'}"> <p> Der Nachname ist {{Person.lastname}} </p> </div>Ausgabe
Schnee
4. AngularJS -Array
<div ng-App = "" ng-init = "Punkte = [1,15,19,2,40]"> <p> Der dritte Wert ist {{Punkte [2]}} </p> </div>Ausgabe
Der dritte Wert ist 19
Das obige ist die Einführung in AngularJS -Ausdrücke des AngularJS -Einführungs -Tutorials, das Ihnen vom Herausgeber vorgestellt wurde. Ich hoffe, es wird für Sie hilfreich sein!