angularjs - 创建可重用的 AngularJS 提供者和服务

Question

在编写 AngularJS 提供程序、服务、工厂等时。我想让它们可以跨项目重用。

如果您编写如下内容，不修改它就很难重用它。

angular.module('myApp').provider('myProvider', function () {
    return {
        $get: ['$http', function($http) {
            return {
                someFunction: function () {
                    return 'some result';
                }
            }
        }]
    }
});

现在如果我做这样的事情，我可以更容易地重用它。这是标准做法还是我采用了错误的方法？

// This is defined in some other .js file maybe
function myProvider() {
    return {
        $get: ['$http', function($http) {
            return {
                someFunction: function () {
                    return 'some result';
                }
            }
        }]
    }
}

// My app.js or whatever file
angular.module('myApp').provider('myProvider', myProvider);

Answer 1

您可以创建一个可重用的模块，例如:

angular.module('mySharedData').provider('myProvider', function () {
    return {
        $get: ['$http', function($http) {
            return {
                someFunction: function () {
                    return 'some result';
                }
            }
        }]
    }
});

要使用它，请确保加载定义 mySharedData 的文件，然后执行:

var app = angular.module('myApp', ['mySharedData'])
app.controller('myController', function ( $scope, myProvider ) {...});