首页 > 代码库 > 在angular的自定义回调中操作$scope
在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
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。