在angular的自定义回调中操作$scope

在angular的controller中有时候会使用到自定义的回调，

比如异步请求的回调函数

一般返回之后都需要更新页面的数据，即更新$scope.xx

但是如果直接 $scope.xx = data.info

这样根本不会有任何的影响

解决方案

this.callback = function (status) {
    $scope.$apply(function () {
        $scope.xx = status;
    });
};

 

Scope提供$watch方法监视Model的变化。

Scope提供$apply方法传播Model的变化。

 

在$scope.$apply()方法里面，它会去调用$scope.$digest()方法。$scope.$apply()方法带一个函数或者一个表达式，然后执行它，最后调用$scope.$digest()方法去更新bindings或者watchers。

那我们到底什么时候需要去调用$apply()方法呢？

情况非常少，实际上几乎我们所有的代码都包在$scope.$apply()里面，像ng-click，controller的初始化，$http的毁掉函数等。

在这些情况下，我们不需要自己调用，实际上我们也不能自己调用，否则在$apply()方法里面再调用$apply()方法会抛出错误。

如果我们需要在一个新的执行序列中运行代码时才真正需要用到它，而且当且仅当这个新的执行序列不是被angular JS的库的方法创建的，这个时候我们需要将代码用$scope.$apply()包起来。

回调相当于一个新的执行序列，所以当需要刷新绑定的时候，需要调用到它。

参考：

http://www.2cto.com/kf/201311/256848.html

http://stackoverflow.com/questions/20318401/how-to-access-my-angular-scope-inside-my-custom-callback