Javascript 解析两个json数据并一起显示

Javascript 解析两个json数据并一起显示,javascript,angularjs,json,Javascript,Angularjs,Json,我试图解析两组给定的json数据,它们是: 现在,我想通过http服务将其以表格形式显示在angularjs视图中。我知道如何显示由一个url提供的数据,但是如果有两个给定的url并且数据应该一起显示,该怎么办?我读过,它可以通过$q实现,但我不知道如何使用它。请帮忙。对于一个url,这是一个解决方案 this.baseUrl='someURL'; this.loadAllBlogs=函数(){ $http({ 方法:“GET”, url:main.baseUrl+'/all' }).the

我试图解析两组给定的json数据,它们是:

现在,我想通过http服务将其以表格形式显示在angularjs视图中。我知道如何显示由一个url提供的数据,但是如果有两个给定的url并且数据应该一起显示,该怎么办?我读过,它可以通过$q实现,但我不知道如何使用它。请帮忙。对于一个url,这是一个解决方案

this.baseUrl='someURL';
this.loadAllBlogs=函数(){
$http({
方法:“GET”,
url:main.baseUrl+'/all'
}).then(函数成功回调(响应){
//将异步调用此回调
//当响应可用时
控制台日志(响应);
main.blogs=response.data.data;
log(main.blogs);
},函数errorCallback(响应){
//发生错误时异步调用
//或服务器返回带有错误状态的响应。
警报(“发生了一些错误。请检查控制台。”);
控制台日志(响应);
});
}
使用并传递请求承诺数组

$q.all().then()中的数据数组将与请求数组中的请求顺序相同

  var urls = ['https://raw.githubusercontent.com/openfootball/football.json/master/2015-16/en.1.json',
    'https://raw.githubusercontent.com/openfootball/football.json/master/2016-17/en.1.json'
  ];

  // map array of `$http` promises
  let requests = urls.map((url) => $http.get(url).then((resp) => resp.data));

  $q.all(requests).then((dataArr) => {
      console.log(dataArr);// in same order as urls
  }).catch((err)=>{
      console.log('Something went wrong with requests');
      console.log(err);
  });

感谢您提供的解决方案,它很有效。但我也提到了我在理解$q时有一个小问题。它做什么?它是一个内部承诺库。与
$http
使用和调用
$apply()
的承诺相同,因此如果用于更新作用域,angular将运行摘要。在文件中解释