注入
Angular 应用程序中最简单的注入示例 - 将 $scope
注入 Angular Controller
:
angular.module('myModule', [])
.controller('myController', ['$scope', function($scope) {
$scope.members = ['Alice', 'Bob'];
...
}])
上面说明了将 $scope
注入 controller
,但无论是否将任何模块注入其他模块,都是一样的。过程是一样的。
Angular 的系统负责为你解决依赖关系。例如,如果你创建服务,则可以像上面的示例一样列出它,它将可供你使用。
你可以使用 DI - 依赖注入 - 无论你在何处定义组件。
请注意,在上面的示例中,我们使用所谓的内联数组注释。意思是,我们明确地将字符串写为依赖项的名称。我们这样做是为了防止应用程序在代码缩小为生产时中断。代码缩小会更改变量的名称(但不会更改字符串),从而中断注入。通过使用字符串,Angular 知道我们想要哪些依赖项。
非常重要 - 字符串名称的顺序必须与函数中的参数相同
有一些工具可以自动执行此过程并为你完成此操作。