javascript - $http.get 来自 2 个 jsons Angular

Question

我尝试从 2 个 json 中获取数据:

第一个“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

你应该同时返回两个 promise ，你不能在一个函数中有两个返回。在这种情况下，$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]);
};

Controller

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