angular表达式

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的报错