AngularJS提交模糊和按键模糊

Question

当输入字段模糊时，我想向服务器提交一些数据。用户还应该能够通过按 Enter 来模糊输入字段。

不幸的是，这会导致以下结果:$rootScope:inprog: $apply already in progress error .

Plunkr - 提前致谢!

Answer 1

这是正在发生的事情:

你按回车

ng-keydown 触发器(摘要开始)

您调用target.blur()

ng-blur 触发并尝试开始另一个摘要循环

Angular 提示

模糊同步执行并立即触发处理程序，而无需完成第一个摘要。

在我看来，这不是您的代码的问题，而是一个 Angular 错误。我一直在想一个更好的解决方案，但我只能找到:

app.controller('BlurCtrl', function($scope, $timeout) {
  $scope.blurModel = "I'm the value"

    $scope.blurOnEnter = function( $event ) {
      if ( $event.keyCode != 13 )
        return

      // this will finish the current digest before triggering the blur
      $timeout(function () { $event.target.blur() }, 0, false);
    }

    $scope.onBlur = function() {
    $scope.result = this.blurModel
    }
})