AngularJS表达式
一、AngularJS与JavaScript的表达式的异同:
类似于 JavaScript 表达式,AngularJS 表达式可以包含字母,操作符,变量。
与 JavaScript 表达式不同,AngularJS 表达式可以写在 HTML 中。
与 JavaScript 表达式不同,AngularJS 表达式不支持条件判断,循环及异常。
与 JavaScript 表达式不同,AngularJS 表达式支持过滤器。
二、AnjularJS 表达式
AngularJS 表达式写在双大括号内:{{ expression }}。
AngularJS 表达式把数据绑定到 HTML,这与 ng-bind 指令有异曲同工之妙。
AngularJS 将在表达式书写的位置"输出"数据。
(ng-init数据初始化)
数字:< div ng-app = " " ng-init = " x=1;y=5 " >< p > 总价: {{ x * y}} </ p ><p>总价:<spanng-bind="x * y"></span></p> ————> 与上面功效相同,下面例子类似</ div >
字符串:<divng-app=""ng-init="Name='关羽';sex='男'"><p>姓名: {{ Name + " " + sex }}</p><p>姓名: <span ng-bind = "Name + '是' +sex +'的'"></span></p></div>
对象:< div ng-app = " " ng-init = " hero={Name:'关羽',sex:'男'} " >< p >英雄的名字: {{ hero.Name}} </ p ><p>英雄的名字:<span ng-bind = "hero.Name"></span></p></ div >
数组:<div ng-bind = "" ng-init = "sz = {1,3,4,6,38}"><p>数组下标为2的值: {{sz[2]}} </p><p>数组下标为2的值: <span ng-bind = "sz[2]"></span></div>