AngularJS——第7章依赖注入-优快云博客

本文介绍了AngularJS中的依赖注入概念及其实现方式，包括推断式注入和行内注入两种方法，并通过实例展示了如何使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第7章依赖注入

AngularJS采用模块化的方式组织代码，将一些通用逻辑封装成一个对象或函数，实现最大程度的复用，这导致了使用者和被使用者之间存在依赖关系。

所谓依赖注入是指在运行时自动查找依赖关系，然后将查找到依赖传递给使用者的一种机制。
常见的AngularJS内置服务有$http、$location、$timeout、$rootScope等

7.1 推断式注入

没有明确声明依赖，AngularJS会将函数参数名称当成是依赖的名称。
示例

//控制器依赖$http、$rootScope服务
//但并未明确声明依赖，这时会自动将函数里的参数名当成依赖对象
// 推断式依赖注入
App.controller('DemoController', function ($scope, $http) {
    //发起Ajax请求
    $http({
        method: 'POST',
        url: 'example.php',
        data: {}
    });
});

这种方式会带来一个问题，当代码经过压缩后函数的参数被压缩，这样便会造成依赖无法找到。

7.2 行内注入

以数组形式明确声明依赖，数组元素都是包含依赖名称的字符串，数组最后一个元素是依赖注入的目标函数。
示例

//控制器依赖$http、$rootScope服务
//以数组形式进行声明，注意书写顺序
App.controller('DemoController', ['$http', '$rootScope', function ($http, $rootScope) {
    //发起Ajax请求
    $http({
        method: 'POST',
        url: 'example.php',
        data: {}
    });
}]);

转载于:https://www.cnblogs.com/luoyu113/p/8544696.html