AngularJS - 创建控制器和服务的不同方法,为什么？

Question

我一直看到在AngularJS中创建控制器和服务的不同例子,我很困惑,有人可以向我解释这两种方法之间的差异吗？

app.service('reverseService', function() {
    this.reverse = function(name) {
        return name.split("").reverse().join("");
    };
});

app.factory('reverseService', function() {
    return {
        reverse : function(name) {
            return name.split("").reverse().join("");
        }
    }
});

还有一个控制器示例:

function ExampleCtrl($scope) {
    $scope.data = "some data";
}

app.controller("ExampleCtrl", function($scope) {
    $scope.data = "some data";
}

Answer 1

第一个会污染全局命名空间,从长远来看,这不是你想要的.

function ExampleCtrl($scope){
    $scope.data = "some data";
}

第二个将Controller范围限定为该模块实例.它使它也可注射.更好的是使用数组符号(如下所示),因为这将在缩小时存活.

app.controller("ExampleCtrl", ['$scope', function($scope){
    $scope.data = "some data";
}]);

(角度)服务和工厂之间的差异似乎很小.服务包装工厂,工厂使用$ injector.instantiate初始化服务.