How can I redirect to a 404 when a promise is rejected in route config (Angular)?

Question

What is the best approach for having the client redirected to a error route when the API responds with a 404 when trying to load a resource given the parameters in the url, in Angular?

When someone visits for example orders/1, they see the order, but if the either don't have acces, the order is not found or any other exception is happening, how is this best handled?

score 6 · Accepted Answer · edited May 23 '17 at 10:29

6

You could use an intercepter like it is suggested in this question :

Global Ajax error handler with AngularJS

When a resource request will come back from the server, it will hit the interceptor first. You can check the status of the response and react as you want.

edited May 23 '17 at 10:29

Community

1
1

answered Mar 28 '13 at 00:41

Galdo

945
6
12

1

I went for this approach. Whenever the API responds with a 404 or 401, the client is redirected to the 404 page or 401 unauthorized page. Clean and simple. Thanks. – Kenneth Lynne Apr 20 '13 at 12:38

score 6 · Answer 2 · edited Nov 28 '13 at 15:47

6

You can use the $routeChangeError event

$scope.$on('$routeChangeError', function(arg1, arg2, arg3, arg4){
    if(arg4.status == 404) {
        $location.url('/my-error-route');
    }
});

edited Nov 28 '13 at 15:47

David Spence

7,999
3
39
63

answered Mar 28 '13 at 03:41

Arun P Johny

384,651
66
527
531

How can I redirect to a 404 when a promise is rejected in route config (Angular)?

2 Answers2