使用min.js文件的angular.module配置

Question

I want to configure my angular module like this:

var app = angular.module('myModule', []).config(function ($sceDelegateProvider) {
   $sceDelegateProvider.resourceUrlWhitelist([
      ...
   ]);
});

But when I minify the js file the $sceDelegateProvider parameter is being convert to shorter name.

I didnt find a way to pass the parameter name as a string. (like it is in the module constructor)

Thanks.

Answer 1

Instead of passing a function into config, pass an array where the first variables are the parameter names as string and the last one is the function:

var app = angular.module('myModule', []).config(['$sceDelegateProvider' , function ($sceDelegateProvider) {
   $sceDelegateProvider.resourceUrlWhitelist([
      ...
   ]);
}]);

Answer 2

You can add $sceDelegateProvider as a dependency in your config:

<your-module>.config(['$sceDelegateProvider', function($sceDelegateProvider){}]);

Then angular will inject $sceDelegateProvider to your config function mapping it to the parameter regardless of the parameter name.

Answer 3

Try

angular.module('myModule', []) 
    .config(['depProvider', function(depProvider) { 
        // ...     
      }])

See here for more details

https://docs.angularjs.org/guide/di