AngularJS http 返回值

我想在 AngularJS 中编写一个返回值的函数（实际上它是一个字符串）。该值是由 http 请求返回的，但异步让我发疯。

我的第一次尝试是：

this.readParameter = function(key) {
  $http({
    method: "GET",
    url: "XXXXXXX",
    headers: { 'Content-Type': 'application/json' }
  }).then(function successCallback(response) {
    return response.data;
  }, function errorCallback(response) {
    throw new Error("Error");
  })
};

但当然它不起作用，因为 Angular 异步功能（response.data 未定义）

有什么方法可以做到呢？我只想返回值（字符串），所以我可以像这样使用这个函数

var a = readParameter("key1")

您可以做的是在函数外部定义一些具有初始值的变量，并在成功函数内部响应设置值，而不是返回它。

委托人 https://en.wikipedia.org/wiki/Delegation_(programming)模式在这里分配效果很好$http任务到某些服务并使用回调方法进行响应。

Controller（具体要求请致电服务）->Service（管理请求参数和其他内容并将工厂响应返回给控制器）​​->Factory（发送请求并将其返回给服务）

回调的基本示例

var myVariable = '';
function myFunction (key, callback) {
  $http({
    method: "GET",
    url: "XXXXXXX",
    headers: { 'Content-Type': 'application/json' }
  }).then(function successCallback(response) {
      callback(response);
  }, function errorCallback(response) {
    throw new Error("Error");
  })
};

function myCallbackFunction(response) {
   myVariable = response.data; // assign value to variable
   // Do some work after getting response
}

myFunction('MY_KEY', myCallbackFunction);

这是设置值的基本示例，但使用上面示例中的回调模式。

var myvariable = '';
function myFunction (key) {
  $http({
    method: "GET",
    url: "XXXXXXX",
    headers: { 'Content-Type': 'application/json' }
  }).then(function successCallback(response) {
      myvariable = response.data; // set data to myvariable
      // Do something else on success response
  }, function errorCallback(response) {
    throw new Error("Error");
  })
};
myFunction('MY_KEY');