angularjs - 如何将 HTTP 请求从 AngularJS 控制器移到服务中？

Question

我有以下代码片段：

    angular.module('test', []).controller('TestCtrl', function ($scope, $http) {
        $scope.selectedTestAccount = null;
        $scope.testAccounts = [];

        $http({
            method: 'GET',
            url: '/Admin/GetTestAccounts',
            params: { applicationId: 3 }
        }).success(function (result) {
            $scope.testAccounts = result;
        });
    }

有人建议我也许应该考虑为 $http 请求创建服务 有人可以给我一个示例，说明如何为上面的代码执行此操作。特别是我不确定如何设置服务并使控制器注入它。

Answer 1

您的服务需要如下所示：

angular.module('testaccount', []).
factory('TestAccount', function($http) {
  var TestAccount = {};
  TestAccount.get = function(applicationId, callback) {
    $http.get('/Admin/GetTestAccounts?applicationId=' + applicationId).success(function(data) {
      callback(data);
    });
  };
  return TestAccount;
});

您的控制器需要注入服务，使用参数调用服务对象，并发送回调函数：

angular.module('test', ['testaccount']).controller('TestCtrl', function ($scope, TestAccount) {
    $scope.selectedTestAccount = null;
    $scope.testAccounts = [];

    TestAccount.get(3, function (data) {
      $scope.testAccounts = data;
    })
}

在本教程中阅读有关服务依赖注入的更多信息。