AngularJS的依赖注入实例分析(使用module和injector)

AngularJS的依赖注入是AngularJS的一项重要功能，它分为三个部分：引入模块、声明依赖关系、创建实例。其中，使用module和injector是比较常见的两种方式。

一、引入模块

首先需要通过angular.module方法创建一个模块。一个模块可以理解为一个应用程序的容器，应用程序中所有的组件都可以注册到这个模块中。使用angular.module方法创建模块的基本语法如下：

angular.module('myApp', []);

其中，第一个参数表示模块名称，第二个参数为依赖的其它模块名称，也可以是一个空数组。

示例一：

angular.module('myApp', [])
  .controller('myController', ['$scope', function($scope) {
    $scope.name = '张三';
    $scope.age = 30;
  }]);

上述代码中，创建了一个名为myApp的模块，并在该模块中注册了一个名为myController的控制器。控制器依赖注入了$scope，并且在控制器中定义了两个属性：$scope.name和$scope.age。

二、声明依赖关系

在引入模块的基础上，需要使用injector来声明依赖关系。一个依赖可以是任何一个模块提供的服务或数据，包括常见的路由、$http、$routeParams等等。

使用injector的基本语法如下：

angular.module('myApp')
  .controller('myController', ['$scope', function($scope) {
    // ...
  }]);

angular.element(document.body).injector().invoke(function(myService) {
  // ...
});

上述代码中，使用injector来获取myService服务，并且在回调函数内部进行处理。

示例二：

angular.module('myApp')
  .service('myService', function() {
    this.myFunction = function() {
      return 'hello';
    }
  })
  .controller('myController', ['$scope', 'myService', function($scope, myService) {
    $scope.greeting = myService.myFunction();
  }]);

上述代码中，创建了一个名为myService的服务，并在该服务中定义了一个方法myFunction。在控制器中依赖注入了myService，并将它的myFunction方法返回的字符串赋值给了$scope.greeting。

三、创建实例

最后一步是使用module的run或config方法来创建一个实例。这个实例可以是一个控制器、服务、指令或者其他的类型。

示例三：

angular.module('myApp')
  .config(['$httpProvider', function($httpProvider) {
    // ...
  }]);

angular.module('myApp').run(function() {
  // ...
});

上述代码中，使用module的config方法来声明$httpProvider的依赖并进行配置，使用module的run方法来创建一个运行实例。

以上就是“AngularJS的依赖注入实例分析(使用module和injector)”的基本攻略，通过以上的实例，可以更好地理解和应用AngularJS的依赖注入。