AngularJS parse JSON

Question

I just started with learning Angular and now i'm busy with an web application that shows some records i fetched from a JSON. The JSON looks like:

"results": [
    {
    "easy": false,
    "id": 1,
    "title": "title",
    }
]

i am parsing that on this way (seems correct to me)

var app = angular.module("DB", []);

app.controller("Controller", function($scope, $http) {
    $http.defaults.headers.common["Accept"] = "application/json";
    $http.get('api_url').

    success(function(data, status, headers, config) {
      $scope.thing = data.results;
    });
});

So now that i am in this JSON file i need to get the ID (in this case its 1) and with that ID i need to do a new request api.com/game/{id} to get more detailed information about the result from the first file.

What is the best way to do that?

You should user a factory or a service to make your API calls then inject factory or service into your controller. — MohamedAbbas
– MohamedAbbas, Commented Sep 5, 2014 at 18:56

Ketan · Accepted Answer · 2014-09-05 18:56:13Z

1

$http.get('api.com/game/' + $scope.thing.id, function(...){ });

Point to note, you do not have to manually parse JSON with angular. It will do that for you. So data.results already has the object representing your response.

answered Sep 5, 2014 at 18:56

Ketan

5,8913 gold badges35 silver badges39 bronze badges

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

Comments

Mukund Kumar · Accepted Answer · 2014-09-05 18:58:21Z

0

i think it is good idea if you do like this:

var app = angular.module("DB", []);

        app.controller("Controller", function($scope, $http) {
            $http.defaults.headers.common["Accept"] = "application/json";
            $http.get('api_url').

            success(function(data, status, headers, config) {
              $scope.thing = data.results;
              $scope.id=data.results[0].id;
              gameInfo();
            });
        });

    var gameInfo=function(){
    $http.get('api.com/game/'+$scope.id).

            success(function(data, status, headers, config) {
              $scope.newThing = data;
            });
    }

answered Sep 5, 2014 at 18:58

Mukund Kumar

23.5k20 gold badges64 silver badges85 bronze badges

Comments

sma · Accepted Answer · 2014-09-05 19:06:02Z

0

Also take a look at ngResource which is a module that gives you more fine-grained control over HTTP requests. It does parameter replacement among other things (custom interceptors, etc.)

https://docs.angularjs.org/api/ngResource/service/$resource

answered Sep 5, 2014 at 19:06

sma

9,5978 gold badges53 silver badges83 bronze badges

Collectives™ on Stack Overflow

AngularJS parse JSON

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related