Angular JS - module.controller 参数[重复]

Question

我是 Angular JS 的新手，他们在教程中指出创建控制器的方法是：

angular.module('app', [])
  .controller('TodoController', ['$scope', function ($scope) {
    $scope.todos = [
      { title: 'Learn Javascript', completed: true },
      { title: 'Learn Angular.js', completed: false },
      { title: 'Love this tutorial', completed: true },
      { title: 'Learn Javascript design patterns', completed: false },
      { title: 'Build Node.js backend', completed: false },
    ];
  }]);

我想了解每个参数是什么：

• 'TodoController'
• 数组
  • '$范围'
  • 功能

我猜第一个是控制器的名称，最后一个是 TodoController 构造函数。

但是

'$scope'

是什么？在 HTML 上使用的变量名、方法名？

我可以在数组中发送更多参数吗？

我搜索了 Angular 文档，但它非常蹩脚，没有关于方法的文档。搜索类代码也没有提供更多信息。

Answer 1

在数组中，参数（字符串）是（不包括最后一个，是的，这是构造函数）需要按照数组中的顺序注入的依赖项，这些依赖项将在控制器的实现中以相同的顺序传递（即构造函数）。

$scope

是一个对象，它维护与视图的绑定，其内容在视图和控制器中都可用。每当您将其注入新控制器并且需要创建该控制器的实例时，它都是由（

$new

，然后是层次结构）的

$rootScope

方法创建的。

Answer 2

第二个参数（字符串数组+函数）用于依赖注入。

angular.controller('TodoController', ['$scope', function ($scope) { ... }])

如果您的代码被缩小，角度将知道要注入哪些依赖项，因为字符串不受缩小的影响。

所以，上面的代码缩小后会变成这样：

angular.controller("TodoController",["$scope",function(o){...}]);

并且它仍然可以被 Angular 的依赖注入算法读取。

PS。数组是可选的，您可以只传递简单的函数。

Answer 3

是的。你是对的。

第一个参数是控制器名称。第二个数组，其中数组中的最后一个元素将是控制器函数，其他元素是依赖项。 这称为内联数组注释。

您可以在不传递数组的情况下创建控制器，除非您不缩小代码（隐式注释。）

小心：如果您打算缩小代码，您的服务名称将被重命名并破坏您的应用程序。

请检查创建控制器或服务的三种方式。 https://docs.angularjs.org/guide/di