Heim  >  Artikel  >  Web-Frontend  >  AngularJS-Einführungs-Tutorial – AngularJS expression_AngularJS

AngularJS-Einführungs-Tutorial – AngularJS expression_AngularJS

WBOY
WBOYOriginal
2016-05-16 15:05:051509Durchsuche

Ausdrücke werden für die Bindung von Anwendungsdaten an HTML verwendet. Ausdrücke werden in doppelten Klammern wie {{Ausdruck}} geschrieben. Das Verhalten in Ausdrücken ist das gleiche wie bei der ng-bind-Direktive. AngularJS-Anwendungsausdrücke sind reine Javascript-Ausdrücke und geben die darin verwendeten Daten aus.

AngularJS-Ausdrucksformat: {{expression }}

AngularJS-Ausdrücke können Zeichenfolgen, Zahlen, Operatoren und Variablen sein

Anzahl Operationen {{1 + 5}}

String-Verkettung {{ 'abc' + 'bcd' }}

Variabler Vorgang {{ Vorname + " " + Nachname }}, {{ Menge * Kosten }}

Objekt {{ person.lastName }}

Array{{ point[2] }}

AngularJS-Beispiel

1.AngularJS-Zahlen

<div ng-app="" ng-init="quantity=2;cost=5">
<p>总价: {{ quantity * cost }}</p>
</div> 

Ausgabe des obigen Beispiels:

Gesamtpreis: 10

Codekommentare:

ng-init="quantity=2;cost=5" //Entspricht var amount=2,cost=5;
in Javascript Die gleiche Funktionalität kann mit ng-bind

erreicht werden
<div ng-app="" ng-init="quantity=1;cost=5">
<p>总价: <span ng-bind="quantity * cost"></span></p>
//这里的ng-bind相当于指定了span的innerHTML
</div> 

2.AngularJS-Zeichenfolge

<div ng-app="" ng-init="firstName='John';lastName='Snow'">
<p>姓名: {{ firstName + " " + lastName }}</p>
</div> 

Ausgabe

Name: Jone Snow

3. AngularJS-Objekt

<div ng-app="" ng-init="person={firstName:'John',lastName:'Snow'}">
<p>姓为 {{ person.lastName }}</p>
</div> 

Ausgabe

Der Nachname ist Snow

4.AngularJS Array

<div ng-app="" ng-init="points=[1,15,19,2,40]">
<p>第三个值为 {{ points[2] }}</p>
</div>

Ausgabe

Der dritte Wert ist 19

Das Obige ist die Einführung in AngularJS-Ausdrücke im vom Herausgeber eingeführten AngularJS-Einführungs-Tutorial. Ich hoffe, es wird für alle hilfreich sein!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn