angularjs与控制器的缩小问题

时间:2013-04-16 15:41:19

标签: angularjs bundling-and-minification

这是我的控制器:

angular.module('domiciliations').controller('mandatsCtrl', ['$scope', 'Domiciliation', 'logger', function ($scope, Domiciliation, logger) {
    $scope.mandats = Domiciliation.query();

    $scope.fullName = function () {
        return this.Person ? 'test' : 'test2'
    }

    $scope.isNextDisabled = function () {
        return false;
    }

    $scope.isPrevDisabled = function () {
        return true;
    }

    $scope.next = function () {
        logger.info("test");
    }
}]);

缩小时,我收到错误:

Error: Unknown provider: nProvider <- n

现在,如果我在控制器之后包含以下行,那么它可以工作:

mandatsCtrl.$inject = ['$scope', 'Domiciliation', 'logger'];

我认为在控制器函数中使用数组类型声明的全部意义是避免使用$ inject ....我错过了什么吗?

1 个答案:

答案 0 :(得分:7)

如果你要缩小控制器的JavaScript代码,它的所有函数参数也会缩小,并且依赖注入器将无法正确识别服务。 有两种方法可以处理角度

中的缩小
1)Just assign an array with service identifier strings into the $inject property of the controller function
 mandatsCtrl.$inject = ['$scope', 'Domiciliation', 'logger'];

2) Using bracketnotation
var mandatsCtrl= ['$scope', 'Domiciliation','logger' function($scope, $Domiciliation,logger) { /* constructor body */ }];

http://docs.angularjs.org/tutorial/step_05