How to catch/handle backend exceptions in AngularJS

Question

I am trying to learn AngularJS by building a small webapp with Spring MVC-Spring Security-AngularJS. My UserDetailsService throws a UserNotFoundException while logging in. But i don't know how to handle exceptions in Angular. I have tried to google but could not find simple, complete examples about exception handling.

This is a part of my authentication angular module:

                $http.get('user', {
                    headers : headers
                }).success(function(data) {
                    if (data.name) {
                        auth.authenticated = true;
                    } else {
                        auth.authenticated = false;
                    }
                    callback && callback(auth.authenticated);
                    $location.path(auth.path==auth.loginPath ? auth.homePath : auth.path);
                }).error(function() {
                    auth.authenticated = false;
                    callback && callback(false);
                });

How can i reach and catch this specific UserNotFoundException inside the error callback function?

Nikolay Rusev · Accepted Answer · 2015-06-29 07:10:47Z

2

What i suggest is to create @ExceptionHandler in your controller and in your UserNotFoundException add two more fields (errorMessage and errorCode) for example. then in your angular callback you can check which is the errorCode number.

Good articles:

For advanced error handling I recommend this behaviour : https://github.com/jirutka/spring-rest-exception-handler

Here is a sample fiddle with your case: http://jsfiddle.net/bkUEu/1044/

answered Jun 29, 2015 at 7:10

Nikolay Rusev

4,2803 gold badges21 silver badges29 bronze badges

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

2 Comments

akcasoy Over a year ago

I will look at it when i am at home.. looks very promising. Thank you!

Nikolay Rusev Over a year ago

no problem, if you want additional help i'm here. feel free to contact me.

nevradub · Accepted Answer · 2017-06-09 09:42:43Z

0

In your application angularjs try to use this

$http.get('user', {
                    headers : headers
                }).then(function(data) {
                    if (data.name) {
                        auth.authenticated = true;
                    } else {
                        auth.authenticated = false;
                    }
                    callback && callback(auth.authenticated);
                    $location.path(auth.path==auth.loginPath ? auth.homePath : auth.path);
                }).catch(function() {
                    auth.authenticated = false;
                    callback && callback(false);
                });

Use then and catch function instead of success and error.

answered Jun 9, 2017 at 9:42

nevradub

2381 silver badge9 bronze badges

Collectives™ on Stack Overflow

How to catch/handle backend exceptions in AngularJS

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related