how to read data from json file in angular js

Question

I created a json file under json folder json/caseNames.json and trying to read that file in a controller. Here is my code. When I debug this code it is not going to the next statement after $http.get line. How do I read the file? Does it have any syntax errors?

app.controller('CaseNamesController',function($http,$scope){
    $scope.names = [];

  $http.get('/json/caseNames.json')
    .success(function(response){
        console.log(response);
        $scope.names = response;
    })
    .error(function(response){
        $scope.names =[];
  });

});

taxicala · Accepted Answer · 2015-10-13 16:10:28Z

1

success and error both are now deprecated, you should use then instead which receives the success handler as the first parameter, and the error handler as the second:

app.controller('CaseNamesController',function($http,$scope){
    $scope.names = [];
    $http.get('/json/caseNames.json').then(
        function(response){
            console.log(response);
            $scope.names = response;
        }, 
        function(response){
            $scope.names =[];
        }
    );
});

answered Oct 13, 2015 at 16:10

taxicala

21.8k7 gold badges41 silver badges67 bronze badges

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

3 Comments

hanu Over a year ago

I changed my code when I was trying to display in html page it is not displaying. here is my code.<div ng-controller="CaseNamesController as case">

hanu Over a year ago

<ul ng-repeat="names in case.names()><li>{{names.firstname}},{{names.lastname}}but nothing displaying.I am not sure where the issue is.

Sourabh Agrawal Over a year ago

Try using $scope.$apply() after this assignment $scope.names = response

Vinay · Accepted Answer · 2015-10-13 16:24:09Z

0

Add a ".." so that it can navigate to the json folder. I ran it using another JSON file and I was able to output the data on the console.

app.controller('CaseNamesController',function($http,$scope){ 

    $scope.names = [];

  $http.get("../json/caseNames.json")
    .success(function(response){
        console.log(response);
        $scope.names = response;
    })
    .error(function(response){
        $scope.names =[];
  });

});

answered Oct 13, 2015 at 16:24

Vinay

1,05411 silver badges13 bronze badges

Collectives™ on Stack Overflow

how to read data from json file in angular js

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related