特点:AngularJS使用表达式把数据绑定到HTML,这是与JavaScript不同的一点!这与ng-bind指令有异曲同工之处
1.表达式卸载双大括号内:{{expression}}
2.将表达式书写的位置“输出”数据
3.和JavaScript一样包含文字,运算符,变量
数字:
<div ng-app="" ng-init="a1=2;a2=5">
<p>a1与a2的和:{{a1+a2}}</p>
<p>a2减a1的值:{{a2-a1}}</p>
<p>a2与a1的乘值:{{a2*a1}}</p>
相当于:
<p>a2与a1的乘值: <span ng-bind="a1 * a2"></span></p>
<p> a2减a1的值:<span ng-bind="a2 - a1"></span></p>
<p> a1与a2的和:<span ng-bind="a2 + a1"></span></p>
</div>
字符串:
<div ng-app="" ng-init="name1='bob';name2='dom'">
<p>姓名:{{name1+" "+name2}}</p>
相当于:
<p>姓名:<span ng-bind="name1+' '+name2"></span></p>
</div>
对象:
<div ng-app="" ng-init="person={name1:'bob',name2:'dom'}">
<p>姓名一:{{person.name1}}</p>
<p>姓名二:{{person.name2}}</p>
相当于:
<p>姓名一:<span ng-bind="person.name1"></span></p>
<p>姓名二:<span ng-bind="person.name2"></span></p>
</div>
数组:
<div ng-app="" ng-init="array=[1,2,3,4,5]">
<p>第三个值为:{{array[2]}}</p>
相当于:
<p><span ng-bind="array[2]"></span></p>
</div>
AngularJS 表达式 与 JavaScript 表达式的不同之处
类似于 JavaScript 表达式,AngularJS 表达式可以包含字母,操作符,变量。
与 JavaScript 表达式不同,AngularJS 表达式可以写在 HTML 中。
与 JavaScript 表达式不同,AngularJS 表达式不支持条件判断,循环及异常。
与 JavaScript 表达式不同,AngularJS 表达式支持过滤器