AngularJS で縮小化のために依存関係の注入を最適に処理するにはどうすればよいですか?

AngularJS アプリケーションを縮小するための依存関係注入のベスト プラクティスを特定する

AngularJS 依存関係注入のコンテキスト内では、縮小プロセスが潜在的な問題を引き起こす可能性があります。これに対処するために、AngularJS での依存関係注入に利用可能な 2 つのオプションを検討します:

オプション 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 ( Inject メソッド):

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 用に予約されていると考えられていましたが、ドキュメントには、縮小目的には Inject メソッドを常に使用する必要があると明確に記載されています。この設定が行われる理由は次のとおりです。

• Inject メソッドは、短縮された関数の引数 ($scope および $http) の ID が、短い変数名に置き換えられた場合でも文字列形式で保持されることを保証します。

代替: ng-annotate NPM パッケージ

詳細な Inject メソッドの代替として、開発者はビルド中に ng-annotate NPM パッケージを利用することを選択できます。プロセス。このツールは、AngularJS コントローラーにアノテーションを自動的に追加し、明示的な配列の注入を必要とせずに縮小化を可能にします。

以上がAngularJS で縮小化のために依存関係の注入を最適に処理するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。