One dimensional array of strings being parsed to 2d by angular resource

by

TLDR; ngResource expects an object or an array of objects in your response.

When isArray is set to true in the list of actions, the ngResource module iterates over each item received in the response and it creates a new instance of a Resource. To do this Angular performs a deep copy between the item received and the Resource class, which gives us an object with special methods ($save, $delete and so on)

Check the source here.

Internally angular uses angular.copy to perform the deep copy and this function only operates with objects and arrays, when we pass a string, it will treat it like an object.

Strings in JS can behave as arrays by providing sequential access to each character. angular.copy will produce the following when passed a string

angular.copy('hi',{})   => {0:'h', 1:'i'}

Each character becomes a value in an object, with its index set as the key. ngResource will provide a resource with properties 0 and 1.

Your choices are:

Use the lower level $http service

$http.get('/res').success(function(data){
  $scope.test = data;
});

Return an array of objects in your json response

[{'data': "hello"}, {'data': "world"}]

Intercept the response and change your data

If you cannot modify the data the server sends back and want to use ngResource you will need to transform the response. Read how to do it here

More Related Contents:

  1. AngularJS: factory $http.get JSON file
  2. AngularJS $http-post – convert binary to excel file and download
  3. Nested ng-repeat
  4. AngularJS Intercept all $http JSON responses
  5. Filter Array Using Checkboxes with AngularJS
  6. Do the JSON keys have to be surrounded by quotes?
  7. Use of PUT vs PATCH methods in REST API real life scenarios
  8. How to omit Get only properties in servicestack json serializer?
  9. Unmarshal JSON with some known, and some unknown field names
  10. jq not working on tag name with dashes and numbers
  11. Swift: How do I return a value within an asynchronous urlsession function?
  12. Representing null in JSON
  13. How to send a POST request with BODY in swift
  14. (un)marshalling json golang not working
  15. Swift JSONEncoder number rounding
  16. Return JSON from ASMX web service, without XML wrapper?
  17. Import/Index a JSON file into Elasticsearch
  18. Json Java serialization that works with GWT [closed]
  19. Not a Legal JSONP API — How to get data without CALLBACK parameter
  20. work with json in oracle
  21. respond to http request with json object in portlet
  22. Json.NET (Newtonsoft.Json) – Two ‘properties’ with same name?
  23. Formatting DynamoDB data to normal JSON in AWS Lambda
  24. .NET Core: Remove null fields from API JSON response
  25. In Excel VBA on Windows, how to get stringified JSON respresentation instead of “[object Object]” for parsed JSON variables?
  26. How to parse JSON from the Invoke-WebRequest in PowerShell?
  27. How to escape single quotes into double quotes into single quotes
  28. Any when decoding JSON with Codable?
  29. How to access remote data and write it into a file during Nuxt build?
  30. Using VBA and VBA-JSON to access JSON data from WordPress API

Leave a Comment