如何最好地处理 AngularJS 中的依赖注入以实现缩小？

确定缩小 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中文网其他相关文章！