$ 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: 
    }); 
})