问题
如下代码所示, 如果在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
网友评论