如何在縮小過程中防止 AngularJS 依賴注入問題？

在 AngularJS 縮小中保留注入名稱

縮小 JavaScript 程式碼可能會在 AngularJS 的依賴注入系統中引入問題。當縮小刪除變數和函數名稱時，它可能會破壞 AngularJS 所依賴的身份來匹配與其控制器的依賴關係。

傳統方法

為了避免此問題，傳統方法是使用匿名函數來聲明控制器，並將依賴項作為字串陣列。這會在縮小期間保留依賴項名稱：

var MyController = ['$scope', '$http', function($scope, $http) {
  // ...
}];

注入方法

但是，現代版本的AngularJS 中的首選方法是使用注入語法進行依賴項注入。這允許更明確地定義依賴項名稱，並在縮小期間準確地保留其身份：

var MyController = function($scope, $http) {
  $http.get('https://api.github.com/repos/angular/angular.js/commits')
    .then(function(response) {
      $scope.commits = response.data
    })
};
MyController.$inject = ['$scope', '$http'];

推薦

始終使用inject方法進行依賴項注入AngularJS。它確保在縮小過程中保留依賴項名稱，防止潛在的注入錯誤。

替代品

為了方便起見，您可以使用 ng-annotate npm 套件作為您的建造流程。該工具會自動將 $inject 屬性新增至您的控制器中，從而減少註解語法的冗長性。

以上是如何在縮小過程中防止 AngularJS 依賴注入問題？的詳細內容。更多資訊請關注PHP中文網其他相關文章！