javascript - AngularJS $http 请求对象用于另一个请求

Question

抱歉标题令人困惑，基本上我有一个 json 文件，看起来像这样指向其他位置:

{
  "link": [
    {
      "href": "some-external-resource",
      "title": "services-path"
    }
  ]
}

我真正的问题是让对象的 href 不异步加载到 Angular 服务中。以下是我对上述json文件的请求:

var servicesPath = $http({
    url: 'resource-directory.json',
    method: "GET"
    }).success(function(data){
        return $filter('filter')(data.link, {title: "services-path"})[0].href;
    });
    console.log(servicesPath);

我知道返回的就是我想要的，但是控制台日志返回标准的“then、catch、finally、success、error”对象函数，这意味着当我需要数据时数据不存在。如何操作我的请求以便变量包含信息？

Answer 1

由于您有一个异步调用，因此当调用完成(成功)时将返回该值

$http({
    url: 'resource-directory.json',
    method: "GET"
}).success(function(data){
    console.log('response data', data);
    var theHref = $filter('filter')(data.link, {title: "services-path"})[0].href;
    console.log('theHref', theHref); // value shows here
}).error(function(errorResp){
    console.log('error');
});