错误：[$rootScope:inprog] $digest 已经在进行中

Question

我正在尝试在模型中的属性更改时发送表单（使用指令）（所以我观察属性），但是当我触发提交事件时，我收到错误：“错误：[$rootScope :inprog] $digest 已经在进行中”，我怎样才能避免这个错误，这是我的代码：

app.directive("autoSubmit", function(){
  return {
    link: function(scope, element, attrs){

      scope.$watch("valid", function(){ 
        if(scope.valid == 1) {
          console.log("send form");
          element.triggerHandler("submit");
        }
      });
    }
  }
});

这是他 plunk：http://plnkr.co/edit/cosJLkhUEKv55G8uU1Ea（要重现错误，只需将文本框的值更改为 1）

提前感谢您的帮助。

Answer 1

当您启动一个进程并且不终止它时，您收到摘要已经在进行中，为了解决该问题，您必须使用 $timeout 服务终止进程 特定时间之后。

Answer 2

问题在于，当您尝试触发事件时，已经有一个 $digest 循环在运行（显然是watch 一个）。所以你应该等到它完成并在下一个事件中引发事件。你可以$timeout服务：

app.directive("autoSubmit", function($timeout) {
    return {
        link: function(scope, element, attrs) {
            scope.$watch("valid", function() {
                if (scope.valid == 1) {
                    console.log("send form");
                    $timeout(function() {
                        element.triggerHandler('submit');
                    })
                }
            });
        }
    }
});

演示：http://plnkr.co/edit/bRXfi9kFVFICgFUFvtZz?p=preview

另一种方法是使用$parse 服务手动调用ngSubmit 函数：

app.directive("autoSubmit", function($parse) {
    return {
        link: function(scope, element, attrs) {
            scope.$watch("valid", function() {
                if (scope.valid == 1) {
                    console.log("send form");
                    var submitHandler = $parse(attrs.ngSubmit)(scope);
                    if (submitHandler) {
                        submitHandler();
                    }
                }
            });
        }
    }
});

演示：http://plnkr.co/edit/vNI8OwfnxSQJ6tQLpFqZ?p=preview