AngularJS $resource response being returned as array of characters from ExpressJS

Question

I have an expressjs api that my angularJS $resource objects talk to. I have sent a post request with postman (a chrome tool for testing REST apis) and the raw data in the response is: "submitted".

The headers:

Connection →keep-alive
Content-Length →9
Content-Type →text/html; charset=utf-8
Date →Sun, 02 Feb 2014 12:02:20 GMT
X-Powered-By →Express

When I log out my response in angular I get the following:

Resource
    0: "S"
    1: "u"
    2: "b"
    3: "m"
    4: "i"
    5: "t"
    6: "t"
    7: "e"
    8: "d"
    $promise: undefined
    $resolved: true
    __proto__: Resource

My express code:

exports.create = function(req, res) {
    new Product(req.body).save(function(err) {
        if (err) {
            res.send('There was an error: ' + err); 
        }
        else {
            res.send('Submitted')
        }
    });
};

AngularJs factory:

pantherServices.factory('Product', function($resource, Defaults) {
    var Product = $resource(Defaults.api_url + 'products', {productId: '@productId'} , {
            find: {
                method: 'GET',
                url: Defaults.api_url + 'products/:productId',
            },
            all: {
                method: 'GET',
                isArray: true
            }
        });

    return Product
});

My controller:

$scope.newProduct = {
    name: null,
    description: null,
    price: null,
    display_price: null,
    date_available: null
};

$scope.addNewProduct = function() {
    var newProduct = new Product($scope.newProduct);
    newProduct.$save(function(response, headers) {
        console.log(response)
    });
};

Why is it breaking up the characters and parsing the response as an array, is it an issue with my headers, angularjs or express?

Thanks!

EDIT: res.json had the same problem.

Nour Sammour · Accepted Answer · 2014-12-24 10:44:06Z

5

in angular resource there is option to wrap the response transformResponse, that should solve the issue

   $resource(appConfig.apiBaseUrl + '/newsletter/:id', {}, {
      update: {method: 'PUT'},
      weekly: {
        method: 'POST', params: {id: 'weekly'}, transformResponse: function (response) {
          // whatever you want to do
          return {html: response};
        }
      }
    });

answered Dec 24, 2014 at 10:44

Nour Sammour

2,8521 gold badge23 silver badges20 bronze badges

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

Comments

Melbourne2991 · Accepted Answer · 2014-02-02 12:14:44Z

3

I solved the issue by returning an object instead of a string.

res.send({response: 'Created new Product Object'})

answered Feb 2, 2014 at 12:14

Melbourne2991

11.8k12 gold badges49 silver badges83 bronze badges

1 Comment

Aray Karjauv Over a year ago

I've had the same project in me ASP.NET WebApi app. Fixed by returning Dictionary object.

Collectives™ on Stack Overflow

AngularJS $resource response being returned as array of characters from ExpressJS

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related