有角度的，函数回调的正确方法

Question

我正在用 Angular js 为我的应用程序编写 ItemProvider。 我选择了一项服务。

app.factory('ItemProvider', function($http) {
  var url = "http://localhost:7888/api.php/json?";

  return {
    get_data: function() {          
      $http.get(url).
        success(function(data,status,headers,config) {
          json = data;
          console.log("app returned ok");
          console.log(json);
          callback(json);
        }).

        error(function(data,status,headers,config) {
          console.log("Error getting data from app!");
          json = data;
          callback(json);
        });

      callback = function(json) {
        console.log("callback");
        return json;
      }
      console.log("already done");
    }
  };
});

当然，这里发生的是get_data 在通过$http 实际调用后端之前立即返回...

我如何正确地拥有一个从后端返回数据的get_data 函数？我尝试添加一个回调（参见上面的代码），但我意识到当它被调用时，get_data 也已经完成了......

Answer 1

$http 被硬编码为只能异步工作，这意味着您唯一的选择是在编写代码时牢记这一点。因此，get_data 不可能直接返回数据，相反，它必须要么接受回调，要么返回承诺。 在我看来，promise 路线要容易得多。

app.factory('ItemProvider', function($http) {
  var url = "http://localhost:7888/api.php/json?";

  return {
    get_data: function(url) {          
      return $http.get(url);
    }
  };
});

示例用法：

//...
ItemProvider.get_data('/items')
  .success(function (items) {
    console.log(items);
  })
  .error(function () {...});
//...