AngularJs壓縮時須要注意的事項

標籤：ctr   style   建議   rac   字串數組   pre   inject   ace   func   

因為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可注入的不論什麼函數完美協作，要選哪一種方式全然取決於你們項目的編程風格，建議使用數組方式。

AngularJs壓縮時須要注意的事項