$ http.get来自2 jsons Angular

时间:2017-01-16 08:28:54

标签: javascript angularjs json

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

1st'tames.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”中的数据 提前谢谢。

2 个答案:

答案 0 :(得分:3)

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

答案 1 :(得分:0)

将您的代码更改为此

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