javascript - 将数据从 jQuery.ajax() 传递到 Angular Controller ？

Question

我有以下名为 script.js 的 javascript 文件，其中包含 jQuery 函数:

function getData(a, b) {

var d = [];

while (a <= b)
{
    $.ajax({
        url: "someurl",
        dataType: 'json',
        success: function (data) {
            d.push(data.rates);
        },
        error: function (err) {
            console.log(err);
        }
    });
    a+=1;
}

$(document).ajaxStop(function () {
    console.log("AJAX STOP");
    return d;
}); }

说明:
我在 while 循环中填充数组 d ，其中包含从服务器 someurl 获得的响应信息。我想将此数组传递给名为 MainController.js 的 Controller 。我该怎么做呢？我想在我的 Controller 中有一个属性，例如 $scope.dataFromAjax，并且它必须等于 ajax() 中数组 d 的最终形式。
(类似于 $scope.dataFromAjax = d)。
谢谢。

Answer 1

通过使用 Angular 的 $http，您可以拥有一个为您获取数据的服务，您可以将其注入(inject)到访问数据所需的任何 Controller 、工厂、指令等中。

app.service('dataService', ['$http', function ($http) {
  return {
    getSomething: function () {
      return $http.get('someurl');
    },
    getSomethingElse: function () {
      return $http.get('someotherurl');
    }
  }
}]);

app.controller("yourController", ['$scope', 'dataService', function ($scope, dataService) {
  dataService.getSomething().success(function(dataResults) {
    $scope.data = dataResults; // This is available as soon as the promise (get) is resolved.
  });
}]);