$ http.get从2个jsons角

Question

我尝试从2个jsons获取数据：

一号 'names.json'：

[ 
     { 
      "name": "AAAAAA", 
      "down": "False" 

     }, 

     { 
      "name": "BBBBBB", 
      "down": "45%" 
     }, 
     { 
      "name": "CCCCC", 
      "down": "12%" 
     } 
] 

二 'data.json'

[ 
     { 
      "data": "25-12-2014" 
     } 
] 

Javascript：

app.service('service', function($http){ 
     this.getNames = function() { 
      var data = $http.get('data,json', { cache: false}); 
      var names = $http.get('names.json', { cache: false}); 
      return names; 
      return data; 
      }; 
     }); 

app.controller('FirstCtrl', function($scope, service) { 
var promise = service.getNames(); 
      promise.then(function (data) { 
      $scope.datas = data.data;  
      console.log($scope.datas); 
      }); 
     }) 

HTML

div ng-controller="FirstCtrl" 
    <table> 
     <tbody> 
      <tr ng-repeat="name in datas"> 
      <td>{{name.name}}</td> 
      <td>{{name.data}}</td> 
      </tr> 
     </tbody> 
     </table> 
    </div> 

在我的console.log和表格，我只看到JSON“names.json”的数据，但我想也看到提前从“data.json” 谢谢你的数据。

Answer 1

你应该一起返回两个承诺，你不能在一个函数中返回两个。在这种情况下，$q.all会有所帮助。只有

代码

//inject $q in service function 
this.getNames = function() { 
    var data = $http.get('data,json', { cache: false}); 
    var names = $http.get('names.json', { cache: false}); 
    return $q.all([data, names]); 
}; 

控制器

var promise = service.getNames(); 
promise.then(function (data) { 
    $scope.datas = data[0].data; 
    $scope.names = data[1].data; 
}); 

Answer 2

更改代码这个

app.service('service', function($http) { 
    return{ 
     getData : function(){ 
      return $http.get('data,json', { cache: false }); 
     }, 
     getNames : function(){ 
      return $http.get('names.json', { cache: false }); 
     } 
    } 

}); 

app.controller('FirstCtrl', function($scope, service, $q) { 
    $q.all([service.getData(), service.getNames()]).then(function(response){ 
     $scope.data = response[0].data; 
     $scope.names = response[1].data: 
    }); 
})