浅谈AngularJS

AngularJS表达式通过$parse服务器解析执行
与JavaScript表达式的区别：

*1、属性求值：所有属性的求值是对于scope的，而JavaScript是对于W indow对象的。
*2、宽容：表达式求值，对于undefined和null，Angular是宽容的，但JavaScript会产生NullPointExceptions。
*3、没有流程控制语句：在Angular表达式里，不能做以下任何事：条件分支、循环、抛出异常。
*4、过滤器（filter）：我们可以就将表达式的结果传入过滤器链（filter chains）

Angular表达式

在angular中，用两个花括号表示输出的内容。

输出的结果为：一边给里面填数据，下面一边显示

如果此时再给代码下面写一个和上面input一样的输入框，则对第一个（或第二个）输入时，另外一个也会相应的填入，这个称为数据是双向绑定的。
双向绑定意味着如果视图改变了某个值，数据模型会通过脏检查观察到这个变化，而如果数据模型改变了某个值，视图也会依据变化重新渲染。

Angular控制器

我们现在已经知道了Angular的数据是双向绑定的，在这个里面，除了需要一个HTML文件，还需要一个JS文件。
HTML代码：

JS代码：

这个就是index.js文件里面的内容，简单的几行，这里的name和age都对应与HTML里面的name和age，当然，在浏览器里面改变的话，这三个位置的name和age的值都会改变，但是浏览器首先刷新出来的第一个页面是第一个输入框里面是hello，第二个里面是world，index.js里面的内容就相当于是input里面的Value属性，下面，我们来看一下浏览器的输出结果。

ng-bind

ng-bind是一个指令，可以用来：当浏览器加载的时候，先不显示name和age值。具体代码和结果如下所示

js和上面可以相同

会瞬间替换div的内容，第一个页面尽量用ng-bind去加载表达式。

$app方法

$app方法：手动触发脏检查，通过$digest去触发脏检查。

$apply手动触发脏检查。

$scope.$apply(表达式或function) 设置一个值和该值的快照，apply会会两个值的对比来判断哪一个值改变。

$watch方法：监听某一个变量，当一个model每次改变时，会触发另外一个函数。