AngularJS 表达式

AngularJS 表达式

第一种：数字

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

 <div ng-app="" ng-init="quantity=1;cost=5">
 	<p>总价：<span ng-bind="quantity*cost"></span></p>
 </div>

第二种：字符串

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

 <div ng-app="" ng-init="firstName='John';lastName='Deo'">
 	<p>姓名：<span ng-bind="firstName+' '+lastName"></span></p>
 </div>

第三种：对象

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

 <div ng-app="" ng-init="person={firstName:'John',lastName:'Doe'}">
 	<p>姓名：<span ng-bind="person.lastName"></span></p>
 </div>

第四种：数组

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

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

AngularJS与JavaScript表达式对比

类似于 JavaScript 表达式，AngularJS 表达式可以包含字母，操作符，变量。
与 JavaScript 表达式不同，AngularJS 表达式可以写在 HTML 中。
与 JavaScript 表达式不同，AngularJS 表达式不支持条件判断，循环及异常。
与 JavaScript 表达式不同，AngularJS 表达式支持过滤器。