AngularJs压缩时须要注意的事项

Posted 2020-10-02 zhchoutai

因为AngularJS是通过控制器构造函数的參数名字来判断依赖服务名称的。所以假设你要压缩控制器的JS代码。它全部的參数也同一时候会被压缩，这时候依赖注入系统就不能正确的识别出服务了。

假如我们的Controller的名称为：BookCtrl，压缩前的代码为：
var BookCtrl = function($scope, $http) { /* constructor body */ };

为了克服压缩引起的问题。仅仅要在控制器函数里面给$inject属性赋值一个依赖服务标识符的数组：
BookCtrl.$inject = [‘$scope‘, ‘$http‘];

还有一种方法也能够用来指定依赖列表而且避免压缩问题——使用javascript数组方式构造控制器：把要注入的服务放到一个字符串数组（代表依赖的名字）里，数组最后一个元素是控制器的方法函数：

var BookCtrl = [‘$scope‘, ‘$http‘, function($scope, $http) { /* constructor body */ }];

上面提到的两种方法都能和AngularJS可注入的不论什么函数完美协作，要选哪一种方式全然取决于你们项目的编程风格，建议使用数组方式。