javascript - AngularJS : controller fails when minified

Question

这个问题已经有答案了:

AngularJS : minification issue in directive (2 个回答)

已关闭 9 年前。

该 Controller 抛出 unknown provider ，我知道我需要准备 Controller 以防止缩小和依赖注入(inject)问题。但它不起作用。它只是为了展示我如何使用我的依赖项。

adminApp.directive('cashflower', ['$compile', '$timeout', '$http', 'global', function ($compile, $timeout, $http, global) {
var CashFlow = function (init) {
    this.curr = init.curr; // some more
};
return {
    restrict: 'E',
    replace: true,
    templateUrl: '/AppAdmin/Templates/cashflower.html',
    controller: function ($scope) {

        $scope.decimalP = global.regexp.decimalP;

        $scope.$watch('total', function () {
            calculateRemaining();
        });

        $scope.toggleIsCurrLocked = function () {
            $scope.isCurrLocked = !$scope.isCurrLocked;
            if (!$scope.isCurrLocked) {
                $timeout(function () {
                    $scope.isCurrLocked = true;
                }, 20000);
            }
        };

        $scope.placement = $scope.placement ? $scope.placement : 'bottom';
        $scope.failed = false;
    },
    link: function (scope, element) {
        var goForIt = function () {
            $http({ method: 'GET', url: '/AppAdmin/Templates/cashflowerpopover.html' }).
            success(function (data) {
                element.popover({
                    html: true,
                    placement: scope.placement ? scope.placement : 'bottom',
                    content: $compile(data)(scope)
                });
                scope.failed = false;
            })
            .error(function () {
                scope.failed = true;
            });
        };
        goForIt();
        angular.element(element).click(function () {
            if (scope.failed) {
                goForIt();
            }
        });
    },
    scope: {
        someScope: '='
    }
};
}]);

Answer 1

指令的 Controller 就像其他东西一样被依赖注入(inject)。将其更改为使用数组语法，您将受益匪浅:

controller: ['$scope', function($scope){
  //Controller Impl
}]