Getting data from multiple json in angular js

Question

How can I get the data from two JSON files, named gridData.json and AddedData.json simultaneously using $http.get function?

PApp.controller('ProjectDataController', function($scope, $http) {
    $scope.addProject=function($scope){

    };
    $scope.getData = function(){
        $http.get('AddedProjects.json').success(function(data) {
            $scope.ProjectStat = data;
        });
        $http.get('JSON/gridData.json').success(function(data) {
            $scope.ProjectStat = data;
        });
    };
});

your code seems correct. only issue is that it uses the same scope variable. meaning one will overwrite the other — Nitsan Baleli
– Nitsan Baleli, Commented Feb 24, 2015 at 11:29

Vishwanath · Accepted Answer · 2015-02-24 11:33:45Z

1

Better is to use two seperate variables on the scope. But if you have your reasons to keep it the same objects. You can merge them like below.

PApp.controller('ProjectDataController', function($scope, $http) {
    $scope.ProjectStat = {};
    $scope.addProject=function($scope){

    };
    $scope.getData = function(){
        $http.get('AddedProjects.json').success(function(data) {
            angular.extend($scope.ProjectStat, data);
        });
        $http.get('JSON/gridData.json').success(function(data) {
            angular.extend($scope.ProjectStat, data);
        });
    };
});

answered Feb 24, 2015 at 11:33

Vishwanath

6,0146 gold badges40 silver badges59 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Prateek Over a year ago

This code is giving me an error. Error: dst is undefined extend@localhost:8080/ProjectCalendar/js/angular.js:406:7 $scope.getData/<@localhost:8080/ProjectCalendar/js/index.js:19:4 $http/promise.success/<@localhost:8080/ProjectCalendar/js/angu

Vishwanath Over a year ago

check what is getting returned in data in both the cases.

Prateek Over a year ago

I have solved it. By taking two separate $scope variables. I will let you know the return values.

Prateek Over a year ago

On the clock of the button, the error is displayed. The function isn't even getting called.

Collectives™ on Stack Overflow

Getting data from multiple json in angular js

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related