如何将依赖项注入命名的角度指令控制器？

Question

如果我有与此问题类似的代码，将另一个控制器注入指令 ：

angular.module('paramApp', []);

angular.module('paramApp').controller('ParamCtrl', ['$scope', '$http', function($scope, $http) {
   .
   .
   .
}]);

angular.module('deviceApp', ['paramApp']);
angular.module('deviceApp').directive('DeviceDirective', function () {    
    return { 
    .
    .
    .
    controller: 'ParamCtrl' 
    };
});

当我缩小js时，注入的$scope和$http依赖项会中断，如何在创建DeviceDirective时显式定义ParamCtrl的依赖项，以防止绑定的js出现未捕获的注入器问题 ？

Answer 1

我对这个问题很晚了，但我会试一试。 语法基于John Papa的Angular样式指南

首先，您需要一种使控制器可重用的方法。 将其从匿名函数转换为命名函数，然后将其传递给您的angular应用程序，如下所示：

// Named controller function
ParamCtrl function($scope, $http) {
   this.doStuff
}

// Bind it to your app
angular.module('paramApp').controller('ParamCtrl', ['$scope', '$http', ParamCtrl );

// While we are at it, do the same with your directive
DeviceDirective function (controlerParam) {    
    return { 
        ...
        controller: controlerParam
    } 
}

// Bind it to your app
angular.module('deviceApp', ['ParamCtrl', DeviceDirective]);

但是，如果您打算将控制器的范围传递给指令，请参阅fiznool的帖子