Question

AngularJS的数据双向绑定是怎么实现的

Answer 1

AngularJS的数据双向绑定的实现思路：$scope变量中使用脏检测来实现了数据双向绑定。 

 Scope作用： 

1. 通过数据共享连接Controller和View 

2. 事件的监听和响应

3. 脏检测和数据绑定 双向数据绑定最经常的应用场景就是表单了，这样当用户在前端页面完成输入后，不用任何操作。

4. 在该作用域内可以做到数据和视图的相互绑定，同时又能与其他$scope对象的作用域隔离开来。 当然，$scope也可以实现继承， 在一个controller里面的作用域可以继承它上一级的scope这样就不是独立存在了。 

   

5. 核心angular代码：

   .module('mymodule', []);
   mymodule.controller('CartController', ['$scope',
   function CartController($scope) {

          // scope范围内的数据双向绑定
          $scope.items = [
              {name: "Angular应用", quantity: 1, price: 199.00},
              {name: "Angular入门", quantity: 1, price: 139.00},
              {name: "AngularJS权威教程", quantity: 2, price: 84.20}
          ];
         //直接绑定事件remove
          $scope.remove = function (index) {
              $scope.items.splice(index, 1);
          }
      }
   ])