javascript - 在 angularjs 中使用服务

Question

我在网上读到，您应该使用服务来获取数据，而不是简单地将代码放在 Controller 中，以保持 Controller 精简。

这是我的 Controller ，它获取员工列表:

angular.module("app").controller("MyController", function ($scope, $http) {
    $http.get("/api/getempl").then(function (response) {
        if (response.status == 200) {
            $scope.empData = response.data.data;
        } else {
            console.log('400');
        }
    });
});

然后我尝试了 _Service 方法以希望提高性能

angular.module("app").factory("testService", function ($http, $location) {
    return {
        getData: function () {
            var promise = $http.get("/api/getempl").then(function (response) {
                return response.data.data;
            });
            return promise;
        }
    };
});

现在，当我像显示的那样注入(inject)服务，并在 net 选项卡下的 firebug 中对其进行测试时，页面加载时间没有改善，反而增加了。

我在代码中做错了什么，或者我在 AngularJS 中使用服务时缺少什么概念？

angular.module("app").controller("MyController", function ($scope, $http, testService) {
    testService.getData().then(function (response) {
        $scope.empData = response;
    });
});

Answer 1

建议使用服务不是为了性能，而是为了关注点分离和代码整洁。话虽如此，如果您的 Controller 只有一个 $http 调用，那么仅仅为了提供服务而创建服务是没有意义的。