AngularJS之表达式

作用：使用 表达式 把数据绑定到 HTML。像上一节说的：“你会发现你改动ng-model的数据时，控制器里面的也会变，当你改动控制器里面的值时，表单里面的值也会改变，感觉是一种动态的数据绑定，而且是双向的。”

这个表达式就是在页面中使用，将数据绑定到html页面中去（将html中的位置填充所需数据，这数据是从控制器中拿，也可以理解是域中拿的，感觉这样理解好点。），这样就是单向的数据绑定，从控制器到页面的数据绑定；然后又通过ng-model定义在类似input标签上，实现页面到控制器的数据绑定，这样总体就实现了双向的数据绑定。

废话不多说，下面看看AngularJs中的表达式

语法：

AngularJS 表达式写在双大括号内：{{ expression }}。

AngularJS 表达式把数据绑定到 HTML，这与ng-bind指令有异曲同工之妙。ng-bind可以替换{{ expression }}。

AngularJS 将在表达式书写的位置"输出"数据。

AngularJS 表达式很像JavaScript

表达式：它们可以包含文字、运算符和变量。

例子：

看上面表达式的用法（AngularJS 数字）ng-init初始化了两个数字变量 这个例子有AngularJS数字的计算、字符串的计算、数组的取值（数组中的值不能重复） angularJs对象

AngularJS 表达式 与 JavaScript 表达式

类似于 JavaScript 表达式，AngularJS 表达式可以包含字母，操作符，变量。

与 JavaScript 表达式不同，AngularJS 表达式可以写在 HTML 中。

与 JavaScript 表达式不同，AngularJS 表达式不支持条件判断，循环及异常。

与 JavaScript 表达式不同，AngularJS 表达式支持过滤器。

个人总结：个人觉得，angularJs中的表达式，有点类似el表达式，从域中取值，然后渲染到页面，（可以跟我们已学习过的知识相比较。）从这一条线路来看是单向的数据绑定，然后通过其他标签ng-model的绑定，从页面到控制器，这样又是一条单向的数据绑定，从而这两条就实现了双向的数据绑定。还是觉得很强大的。