AngularJS 表达式可以包含字母,操作符,变量
- 源于 $scope 对象
- 容错性强 null, undefined
- AngularJS 表达式不支持条件判断,循环及异常
- AngularJS 表达式支持过滤器
- $window对象
- 可以写在 HTML 中
应用主入口页面常用ng-bind代替,防止页面初始化时闪现{{}},影响体验
<h1>{{表达式内容}}</h1> <!-- 字符串,用单引号 --> <div>{{'Hello,Angular'}}</div> <!-- 字符串拼接 --> <div>{{'100 + 200 = '+ (100 + 200)}}</div> <!-- 100 + 200 = 300--> <!-- 运算式 --> <div>{{1+2}}</div> <!-- 三元表达式,但不支付if 形式 --> <div>{{ a? 'yes':'no'}}</div> <!-- 变量--> <!-- controller.js --> $scope.title = '主页' <div>{{title}}</div> <!-- 主页--> <!-- 函数--> <div>{{ myfun() }}</div> <!-- 使用过滤器 对数据进行格式化 --> <div>{{10/3 | number:2}}</div> <!-- 3.33 -->
AngularJS表达式不支持的形式
- 不支持直接写入json对象: {}
- 不支持直接写入循环
- 不支持直接写入if判断
容错性强 null, undefined,可以屏蔽js的报错