Catching errors in AngularJS when using $resource

Question

Searching product is working fine when product is found, but if user search with letters, or bad criteria, nothing happens. I can see the error message in JavaScript-console and in Header there is Status Code 204, no Content. I think that Angular is just working badly, when empty object is coming back. How can I tell an user that there is no products with his/her criteria, cause I can't catch the error message at all at the moment. What is the correct and best solution to handle this? Catching errors or solving that result was empty and showing an error message in HTML-page?

Service:

return $resource(

                    'http://localhost:8080/RMAServer/webresources/com.rako.entity.jdeserials/:id',
                    {},
                    {
                        get: { method: 'GET',isArray:false, params: {id: '@serial'} },
                        update: { method: 'PUT', params: {id: '@serial'} }
                    });

Controller

    //Searching product with serial number/LOTN
                $scope.searchProduct = function () {
                    $scope.serials = lotnSvc.get({id: $scope.serial}).$promise.then(
                        function (data) {
                            var litm = data.litm;

                            productSvc.get({id: litm}, function (product) {
                            $scope.product = product;
                            getBrands();
                        },function(error){
                      alert('ERROR when searching product'); 
                      console.log("error---->" + error);
                    });
                    },function(error){
                      alert('ERROR when searching product'); 
                      console.log("error---->" + error); 
                    });

                };

Error message in javaScript console

Error: [$resource:badcfg] Error in resource configuration for action `get`. Expected response to contain an object but got an array
http://errors.angularjs.org/1.3.15/$resource/badcfg?p0=get&p1=object&p2=array
at REGEX_STRING_REGEXP

Status code in Header

Status code in header after GET

You are returning an array of errors. You have set isArray:false and data must be in an array format thus response to contain an object but got an array — Satpal
– Satpal, Commented May 30, 2015 at 11:59
I thought that "bad criteria" would return 400 status code (bad request). — Wédney Yuri
– Wédney Yuri, Commented May 30, 2015 at 12:00
@Wédney Yuri - I Thought so as well, but if you check my updated question, there is a picture of header. — Sami
– Sami, Commented May 30, 2015 at 13:28
@Satpal - I don't think so, because Header's status code is 204 No Content. — Sami
– Sami, Commented May 30, 2015 at 13:28
@Sami you can change the server code? I think the most correct would it return 400 (bad request) in the case of "bad criteria". — Wédney Yuri
– Wédney Yuri, Commented May 30, 2015 at 13:33

Community · Accepted Answer · 2017-05-23 11:51:07Z

1

Just try to send the success and the error handlers as second and third parameters to "get" function instead of using promises. There was the same problem: How to handle $resource service errors in AngularJS

edited May 23, 2017 at 11:51

CommunityBot

11 silver badge

answered May 30, 2015 at 13:24

MaximSadym

714 bronze badges

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

Collectives™ on Stack Overflow

Catching errors in AngularJS when using $resource

Service:

Controller

Error message in javaScript console

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

Service:

Controller

Error message in javaScript console

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related