AngularJS的数据双向绑定是怎么实现的
在js的很多支持数据双向绑定的框架中，其主要实现原理为同时监听页面view和model的变量然后进行双向更新：
视图层的变化主要就是表单控件的用户输入行为造成的，比如input，select，textarea等。那么只需要监听一些事件，比如keypress，keydown，keyup，change。然后在事件回调函数中，将变化的值更新到Model中。当然同时，由于Model发生了变化，就得再次更新一下View。
而Model的变化监听方式可以有多种，主要有以下几种： 发布订阅模式（Backbone），数据劫持（VueJS，AvalonJS），数据脏检查（Angularjs，RegularJS）， View抽象的脏检查（ReactJS）。
下面就来说一说Angularjs用到的数据脏检查方式的实现原理：
数据脏检查大体意思上来说，就是记录所有变量的当前值，当发生某些操作之后，通过$apply或者$digest进入脏检查环节。对比最近的一次值和现在的值是否一致，不一致则实现页面的更新，然后再执行一次直到数据不再发生变化。
详细一点就是首先angularJS将它自定义的html页面转化为正常的dom，相对来说就是要解析那些angularJS专有的指令。页面上的指令有compile和link阶段，compile的时候搜索匹配，然后执行指令定义时写的compile函数，link阶段将那些变量插入watch队列。触发脏检查时全部遍历一次watch队列，实现视图的更新。
而触发脏检查会有以下几种情况：
DOM事件，譬如用户输入文本，点击按钮(ng-click)等
XHR响应事件 ($http)
浏览器Location变更事件 ($location)
Timer事件($timeout, $interval)
执行$digest()或$apply()
最后一种情况应该是统一的入口，只不过前几种情况会自动调用这个入口而已。其他情况下，用户需要手动进入脏检查的话，就要执行$digest()或$apply()了。
<input type="text" ng-model="test">
在controller中定义$scope.test 就可以了
1，每当我们将数据绑定到 UI 上，angular 就会向你的 watchList 上插入一个 $watch
2，一次脏检查就是调用一次 $apply() 或者 $digest(),将数据中最新的值呈现在界面上
3，双向数据绑定的实现就是触发$apply() 或者 $digest()。
