将依赖项注入AngularJS服务

 mobiledu2502896071 发布于 2023-02-09 13:36

在阅读有关AngularJS服务的文档时,我偶然发现了如下所示的示例服务:

myApp.service('fooGetter', ['$http', function($http) {
    this.getFoo = function() {
        // use $http to get some foo
    }
}]);

where $http注入到服务包装器中,以便可以从创建的服务实例中引用它.包含参数列表的数组语法的原因是什么,然后在函数参数中重复这些参数?我无法找到一个很好的解释目的,它的规则,以及为什么它是必要的.相同的服务,没有它写,如:

myApp.service('fooGetter', function($http) {
    this.getFoo = function() {
        // use $http to get some foo
    }
});

似乎对该变量有一个非常好的自动引用.

1 个回答
  • 如果使用不包含注入依赖项的数组的语法,则angular使用反射来读取函数的参数.这通常很好,但如果你想缩小你的代码,你的参数将改变名称,而角度将停止工作.使用数组语法表示法将允许angular继续查找正确的依赖项,即使您的参数名称发生更改.

    此外,如果注入的服务具有非常长的名称,则可以使用数组语法注入它们,并为它们提供在函数参数列表中使用的更简单的名称.

    例:

    app.controller("MyCtrl", ["MyReallyLongUserServiceName", function(User) {
      User.doSomething();
    }]);
    

    2023-02-09 13:40 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有