AngularJS 表達(dá)式
AngularJS表達(dá)式格式 : {{expression }}
AngularJS表達(dá)式可以是字符串、數(shù)字、運(yùn)算符和變量
- 數(shù)字運(yùn)算{{1 + 5}}
- 字符串連接{{ 'abc' + 'bcd' }}
- 變量運(yùn)算 {{ firstName + " " + lastName }}， {{ quantity * cost }}
- 對象{{ person.lastName }}
- 數(shù)組{{ points[2] }}
AngularJS例子
1.Angularjs數(shù)字<div ng-app="" ng-init="quantity=2;cost=5">
<p>總價(jià)： {{ quantity * cost }}</p>
</div>
上例輸出：總價(jià)：10
代碼注釋：ng-init="quantity=2;cost=5"
使用ng-bind可以實(shí)現(xiàn)相同的功能<div ng-app="" ng-init="quantity=1;cost=5">
<p>總價(jià)： <span ng-bind="quantity * cost"></span></p>
//這里的ng-bind相當(dāng)于指定了span的innerHTML
</div>
2.Angularjs字符串<div ng-app="" ng-init="firstName='John';lastName='Snow'">
<p>姓名： {{ firstName + " " + lastName }}</p>
</div>
輸出姓名：Jone Snow
3. AngularJS對象<div ng-app="" ng-init="person={firstName:'John',lastName:'Snow'}">
<p>姓為 {{ person.lastName }}</p>
</div>
輸出姓為 Snow
4.AngularJS數(shù)組<div ng-app="" ng-init="points=[1,15,19,2,40]">
<p>第三個(gè)值為 {{ points[2] }}</p>
</div>
輸出第三個(gè)值為 19
原文地址：askH5
|
