AngularJS：添加依赖项（内联数组与注入）

Question

所以我在 GitHub (https://github.com/spring-projects/spring-boot) 上找到了一个练习 Spring Boot 项目。该应用程序允许用户创建项目列表及其描述；还有删除列表中项目的功能。该项目是尝试使用 AngularJS 将自己暴露于 SPA（单页应用程序）。

代码使用注入将依赖项添加到定义的控制器和工厂。这是一个名为“controller.js”的示例类，它使用了这个实现：

var AppController = function($scope, Item) {
    Item.query(function(response) {
      $scope.items = response ? response : [];
    });

    $scope.addItem = function(description) {
      new Item({
        description: description,
        checked: false
      }).$save(function(item) {
        $scope.items.push(item);
      });
      $scope.newItem = "";
    };

    $scope.updateItem = function(item) {
      item.$update();
    };

    $scope.deleteItem = function(item) {
      item.$remove(function() {
        $scope.items.splice($scope.items.indexOf(item), 1);
      });
    };
  };

  AppController.$inject = ['$scope', 'Item'];
  angular.module("myApp.controllers").controller("AppController", AppController);

现在（如果我错了，请纠正我）还有另外两种方法可以将依赖项添加到控制器和工厂：

1. 内联数组
2. 隐式注入

我的观点是，我可以使用注入了所有依赖项的应用程序并重写代码，其中控制器和工厂定义将使用内联数组方法添加其依赖项。这是相同的“controller.js”，但使用的是内联数组：

angular.module("myApp.controllerModule").controller("AppController", ['$scope', 'Item', function($scope, Item){
Item.query(function(response) {
    $scope.items = response ? response : [];
});

$scope.addItem = function(description) {
    new Item({
        description: description,
        checked: false
    }).$save(function(item) {
        $scope.items.push(item);
    });
    $scope.newItem = "";
};

$scope.updateItem = function(item) {
    item.$update();
};

$scope.deleteItem = function(item) {
    item.$remove(function() {
        $scope.items.splice($scope.items.indexOf(item), 1);
    });
}; }]);

当我尝试这样做时，我的代码不像原始代码那样工作。不知道是语法错误，还是不同风格的应用有什么重要的区别。谁能告诉我为什么这不起作用？

Answer 1

我可以在两个代码示例中看到的唯一区别是模块的名称。由于您没有提供错误消息，我假设您没有在应该注入模块的所有文件中将 myApp.controllers 更改为 myApp.controllerModule。

Answer 2

您可以使用 ng-annotate 从参数名称自动生成这些注释。这是大多数项目应该使用的。手动复制依赖不是很实用。