current community

your communities

more stack exchange communities

Stack Exchange
tour help
stack overflow careers
Take the 2-minute tour ×
Stack Overflow is a question and answer site for professional and enthusiast programmers. It's 100% free, no registration required.
up vote 0 down vote favorite

SOLVED it. Note my below answer, thanks!

I am using AngularJS with RESTAPI, I am able to get the customers data sent from server in a JSON format. My Angular code snippet as below:

  app.factory("services", ['$http', function($http) {
  var serviceBase = '/api/album';
    var obj = {};
    obj.getCustomers = function(){
        return $http.get(serviceBase);
    };
    return obj;   
}]);
    app.controller('listCtrl', function ($scope, services) {
services.getCustomers().then(function(data){
    alert(JSON.stringify(data.data));
    $scope.customers = data.data;
    });
});

Here is my JSON data:

{
"data": [
    {
        "id": "1",
        "artist": "Gotye75",
        "title": "Making  Mirrors7"
    },
    {
        "id": "100",
        "artist": "ytttt5",
        "title": "1231"
    },
    {
        "id": "101",
        "artist": "65",
        "title": "565444555"
    },
    {
        "id": "102",
        "artist": "6",
        "title": "6"
    },
    {
        "id": "103",
        "artist": "y",
        "title": "yy"
    },
    {
        "id": "104",
        "artist": "ty",
        "title": "yt"
    },
    {
        "id": "109",
        "artist": "ytrer",
        "title": "yt"
    }
    ]
}

I am able to display the JSON data in table if my JSON does not contain the "data" hear. However if my jSON data comes with "data" header, it is unable to display. I am asking, what are the solution in Angular to parse the JSON object.

For example if it is in BackboneJS, i can simply do 

    parse: function (response) {
    //alert(JSON.stringify(response.data));
    return response.data;
}

How can i do it in Angular?

share|improve this question

2 Answers 2

up vote 1 down vote

$http resolves its promises with a response object. The data is accessed via the response object's data property. So to get to the array, you'd have to use

$scope.customers = data.data.data;

$http's promise is enhanced with a .success() convenience method which unwraps the response object...

services.getCustomers().success(function(data){
    alert(JSON.stringify(data.data));
    $scope.customers = data.data;
});
share|improve this answer
    
i got it thanks! –  max Nov 21 '14 at 7:37
    
How can I add exception/error handling to my promises in controller of this kind, DataService.getDataUsingPromises() .then(function(data) { $scope.netspendovertime_data = data; });. And In my services I have return $q.when(originalRequest) .then(function(res) { data = res.ResultSet.Response; return data; }); –  Madasu K Nov 21 '14 at 8:22
    
Can you post a fiddle that shows your problem? –  Anthony Chu Nov 21 '14 at 16:20
up vote 0 down vote

I solved it by

app.controller('listCtrl', function ($scope, services) {
    services.getCustomers().then(function(data){
    //notice that i added the third data
    $scope.customers = data.data.data;
    }); 
});
share|improve this answer
    
Good job my friend –  Pravin Nov 21 '14 at 7:28

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.