首頁  >  文章  >  web前端  >  如何最好地處理 AngularJS 中的依賴注入以實現縮小?

如何最好地處理 AngularJS 中的依賴注入以實現縮小?

Linda Hamilton
Linda Hamilton原創
2024-11-21 03:18:14905瀏覽

How to Best Handle Dependency Injection in AngularJS for Minification?

確定縮小AngularJS 應用程式的依賴注入最佳實踐

在AngularJS 依賴注入的上下文中,人們注意到縮小過程可能會導致潛在的問題。為了解決這個問題,我們探討了AngularJS 中依賴注入的兩個可用選項:

選項1(標準方法):

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

選項2(注入法):

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

建議的最佳實踐:

雖然最初認為標準方法是為舊版的AngularJS 保留的,但文件明確指出,出於縮小目的,應始終使用注入方法。做出此偏好的原因是:

  • 注入方法可確保縮小的函數參數($scope 和$http)的標識以字串形式保留,即使它們被替換為較短的變數名稱也是如此。

替代方案:ng-annotate NPM 套件

作為詳細注入方法的替代方案,開發人員可以選擇在建造期間利用ng-annotate NPM 套件過程。此工具會自動為 AngularJS 控制器新增註釋,因此無需明確注入陣列即可縮小。

以上是如何最好地處理 AngularJS 中的依賴注入以實現縮小?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn