通过工厂在AngularJs中注入依赖

Question

我有以下服务代码

(function () {
    'use strict';

    angular.module('App')
           .factory('apiservice', apiservice);

    /* @ngInject */
    function apiservice($http) {
        var service = {
            getData: getGridData,
        };

        return service;

       //code ommitted for clarity
    }
})();

当我缩小和捆绑在一起时，依赖关系就搞砸了。 因此，我想将$ scope更改为 '$ scope'，以便缩小器不会弄乱名称。

我知道有几种方法可以做到。 但是我可以使其工作如下：

(function () {
    'use strict';

    angular.module('App')
           .factory('apiservice', ['http', apiservice]);

    function apiservice($http) {
        return service;
    }
})();

任何帮助表示赞赏。

Answer 1

您有两种选择。 首先是使用扩展语法进行依赖项注入。 在这种情况下：

.factory('apiservice', ['$http', apiservice]);

function apiservice($http) {
  return service;
}

也可以写成：

.factory('apiservice', apiservice);

apiservice.$inject = ['$http'];

function apiservice($http) {
  return service;
}

---

或在最小化之前添加另一个构建步骤，例如ng-annotate ，它将把您的语法转换为扩展版本。

这样的工厂

.factory('apiservice', function($http) {
  return service;
});

会成为：

.factory('apiservice', ['$http', function($http) {
  return service;
});

可以放心使用。