angular route中使用resolve在代码压缩后-问题解决

问题

如下代码所示, 如果在angular中配置route的resolve属性时, 在自动化代码混淆压缩后 angular运行报错，服务（Service）的注入通过“数组标注在方法的参数中声明依赖”就可以了，控制器中的服务注入写法也要数组的方式注入，因为服务的实例化是通过字符串中的名字来实例化的，代码压缩混淆后会把服务对象变量名替换了。

解决:

```

$routeProvider

.when("/page", {

controller: "MyCtrl",

templateUrl: "test.html",

resolve: {

resolveService: ['MyService', function (MyService) {

return MyService();

}]

}

})

```

最近（2017年4月1日）又发现一个因javascript代码压缩混淆后运行报错的问题，如图：

乍一看，有关键字provider，就往上面遇到的问题想了，想到了是压缩混淆代码后报错，那是哪个地方呢。把controller和route中resolve，还有服务（service，factory），filter，directive，都检查了一下，都是按“数组标注在方法的参数中声明依赖”。

由于是单独这一个页面报错，肯定是这个页面require的服务（service，factory），filter，directive有问题，后来发现是指令(directive中controller属性的写法没有用数组标注声明依赖)

controller: function ($scope) {

这段代码压缩混淆后成了controller: function (s) {

找不到$scope上下文变量了，

===========================割===============================

angular在执行某些方法(例如在服务的工厂方法、控制器构造方法)时会借助注入器(injector)。 可以通过以下三种方式注入服务：

1.通过数组标注在方法的参数中声明依赖（优先考虑）

module.controller('MyController', ['$scope','greeter', function($scope, greeter) {//...}]);

2. 定义在控制器构造方法的$inject属性中

```

var MyController = function($scope, greeter) {// ...}

MyController.$inject= ['$scope','greeter'];

module.controller('MyController', MyController);

```

3.通过方法参数名隐式的添加(有些注意事项)

```

module.controller('MyController', function($scope, greeter) {//...});

```

这种方式不能和JavaScript的代码混淆器一起使用。可以通过ng-annotate在minifying之前隐式的添加依赖。

参考：http://www.tuicool.com/articles/uEB3Mj