Angular promise returning incorrect data from JSON API

Question

Update: 02/12/2015 As mentioned in the comments this was an issue with the object being modified by an Angular module. I was able to track this down using toJSON as mentioned below.

I have recently ran into an issue that has be quite boggled. I have a service that is request data from an api via get request. When looking on the network panel in Chrome developer tools the api returns the proper results but they are not show in the response from the angular request.

You can note the content section is missing items. And Angular code:

Angular Code

function getPhotos(){
      return $http.get('/photo')
        .then(getPhotosComplete)
        .catch(function(err){
         //handle errors

        });
      function getPhotosComplete(res){
        //Showing incorrect response here
        console.log("getPhotosComplete", res);
        return res.data;
      }
    }

From API { url: "https://dev.amazonaws.com/060a2a5f-8bb7-4ffa-aa7d-e715439271a3.jpg", archive_name: "140809", seedcount: 0, viewcount: 0, live: true, current: false, next: false, createdAt: "2015-02-10T17:48:41.505Z", updatedAt: "2015-02-12T04:11:02.239Z", content: [ "Balloon", "Apartment", "Testing", "Testing 2", "Party", "Inez" ], id: "54da44790eb10b0f00b453a1" }

Angular Scope / res.data in service { url: "https://dev.amazonaws.com/060a2a5f-8bb7-4ffa-aa7d-e715439271a3.jpg", seedcount: 0, viewcount: 0, live: true, current: false, next: false, createdAt: "2015-02-10T17:48:41.505Z", updatedAt: "2015-02-12T04:11:02.239Z", content: Array[3] 0: "Balloon", 1: "Apartment", 2: "Party" ]

If you are using non-minified Angular, you can debug into Angular's code to see how Angular transform your response. AFAIK, Angular would try to transform your response to JSON object. Maybe something went wrong there. — Rebornix
– Rebornix, Commented Feb 12, 2015 at 4:35
Are you really sure? Try logging with JSON.stringify to make sure it's not just a display artifact. Array[3] 0: "Balloon", 1: "Apartment", 2: "Party" ] looks very suspicious.since it's not even JSON — Ruan Mendes
– Ruan Mendes, Commented Feb 12, 2015 at 4:39
@JuanMendes - I am sure, it is just the object that is returned in console. I have also use batarang and logged in many places. — jeffreynolte
– jeffreynolte, Commented Feb 12, 2015 at 4:41
Agree with @JuanMendes, Try the response logging using either by angular.toJson() or JSON.stringify(). — Rawat Raman
– Rawat Raman, Commented Feb 12, 2015 at 4:49
@JuanMendes - I have used your method. While the JSON is correct in the response the object is not updated with the proper values. Any ideas on cause of that? — jeffreynolte
– jeffreynolte, Commented Feb 12, 2015 at 5:09

Michal Charemza · Accepted Answer · 2015-02-12 07:54:02Z

3

If the output from angular.toJson() is correct, but the console.log of the object is wrong, then it strongly suggests the object is being modified in the code somewhere after the call to console.log.

This is because console.log takes a reference to an object, and some time later it turns it into a string for output. I would class it as slightly evil behaviour, as it suggests the bug is before the call to console.log, while actually the issue after it. Hours can be wasted looking through the wrong code...

answered Feb 12, 2015 at 7:54

Michal Charemza

27.3k15 gold badges114 silver badges191 bronze badges

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

1 Comment

Ruan Mendes Over a year ago

This fiddle may help explain what you mean with the console.log jsfiddle.net/mg1yu0fo

Collectives™ on Stack Overflow

Angular promise returning incorrect data from JSON API

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related