angularjs - Yeoman 角度生成器：开发服务器工作，但在构建后抛出 infi-digest 错误

Question

导致问题的代码：

angular.module('myApp')
  .controller('metaCtrl', function ($scope) {
        $scope.$watch(function (){ return $(document).height() }, function(val){
            $scope.config = {minHeight: val}
        });
  });

不知何故，每次调用 $watcher 函数时，他的 config.minHeight 值都会提高。

已经花了 4 个小时尝试调试它。

任何帮助深表感谢。

grunt 开发服务器和从 dist 文件夹中提供服务有什么不同？

Answer 1

我认为您需要为依赖注入提供字符串文字。这是因为在缩小时，您的变量名将被分解并且您$scope将消失。它在开发服务器中工作，因为在开发服务器中 JS 文件没有被缩小。但在分发中，它们是。

angular.module('myApp')
//inject your $scope using inline annotation so that it doesn't break upon minification.
 .controller('metaCtrl', ['$scope', function ($scope) {
    $scope.$watch(function (){ return $(document).height() }, function(val){
        $scope.config = {minHeight: val}
    });
}]);