在angular js中“安全的”使用$digest()

在项目中,页面元素需要在浏览器窗口变化的时候同步的改变相应的尺寸,虽然通过window.onresize中的计算得出了相应的值,但是发现页面元素的尺寸并没有因为值的变化而变化,这个时候就需要通过$digest来让这个数值同步到界面上。

但是如果直接使用$digest()就会遇到一个报错,如下

Error: $digest already in progress

解决方法如下:

1.使用$$phase,$$phase是作为angular内部状态表示位,用来标示当前是处于哪个阶段。

if(!$scope.$$phase) {
  //$digest or $apply
}

2.使用$timeout

$timeout(function(){
    //any code in here will automatically have an apply run afterwards
});

出处:点击跳转

posted @ 2017-03-13 14:38  一介匹夫  阅读(202)  评论(0编辑  收藏  举报