AngularJS$Digest已在指令的链接中的$APPLY之后运行

Question

我正在用一个指令计算html元素的最小高度，当我试图通过scope.$apply()更新父作用域值时，我得到以下错误:$digest已经在进行

<header id="headerFR"> header content here </header>
<main id="contentFR" main-min-height ng-style="{'min-height': calcMinHeight}">
    {{calcMinHeight}}
    <welcome:info></welcome:info>
    <button type="button" class="appTOS">{{tosBtnLbl}}</button>
</main>
<footer id="footerFR"> footer content here </footer>

FIRSTRUN.controller('WelcomeCtrl', ['$scope', '$location', function($scope, $location){
    ...
    $scope.calcMinHeight;
    ...
}]);

我的指示是：

FIRSTRUN.directive('mainMinHeight', ['$window', function($window){
    return{
        restrict: 'A',
        scope: { calcMinHeight: '=' },

        link: function(scope, el, attrs){
            var headerHeight = angular.element('header').outerHeight();
            var windowHeight = angular.element($window).height();

            var mainMinHeight = windowHeight - headerHeight;
            scope.$parent.calcMinHeight = mainMinHeight + 'px';
            scope.$apply();

        }
    }
}])

我总是可以使用scope.$parent.calcminheight更新父作用域值，但在这种情况下，指令的作用域规则将不起作用（例如，如果我想通过“@”隔离作用域，则ctrl仍将接收更新）。

此外，我可以通过angluar.element(el).css('min-height‘,mainminheight+'px')设置min-height值，但我希望以角度的方式进行。

问题出在哪里？
*使用angular 1.3.5处理任何问题。

要解决这个错误，只需删除scope.$apply()行就够了，因为我已经在$digest循环中了，正如@enzey&@andrew Counts所说的。
另外，我误解了作用域的工作方式，我需要更好的概述，我在这里找到了它。
我只是认为指令可以有自己的作用域，就像ctrls一样，这是一开始就存在的问题。

Answer 1

如果您的代码在摘要过程中调用$APPLY,则会发生此错误。一种可能的解决方法是将代码包装在对$TIMEOUT服务的调用中：

//add $timeout to controller parameters
$timeout(function(){
  ///...
  scope.$parent.calcMinHeight = mainMinHeight + 'px';
  //timeout will automatically trigger an $apply
}, 0);

这将提供允许浏览器在执行高度计算之前进行渲染的附加好处