javascript - 为什么在 $rootScope.$on 中需要 $rootScope.$apply？

Question

为什么在此示例中需要 $rootScope.$apply() 来使用页面上的 ng-hide 更新元素？

根据我的经验，每当我将 $scope.$apply() 放入 $scope.$watch 中时，我都会收到“摘要已在进行中”错误。这有什么不同吗？

app.component('myComponent', {
    controller: function(){
        $scope.visible = false;

        $rootScope.$on('someEvent', function(){
            $scope.visible = true;
            $rootScope.$apply(); // why?
        });
    }
});

Answer 1

向 $rootScope.$on 注册的回调由 $rootScope.$broadcast 触发或 $rootScope.$emit .如果您浏览这些方法的源代码，您会发现这些方法本身不会触发 $digest 循环(脏检查)。这意味着，$digest 应该由调用 $broadcast 或 $emit 的代码触发，或者在使用 注册的回调中触发>$rootScope.$on.

通常，最好假设回调是在 $digest 循环中触发的，这意味着回调调用应该用 $apply 包装，如:

$rootScope.$apply($rootScope.$broadcast('event', data));

这与 Angular 最佳实践是一致的 suggest :

$scope.$apply() should occur as close to the async event binding as possible.