Errors and redirections
When failing a transition function (canActivate, canDeactivate, middleware) custom errors can be returned. Custom errors can be a string or an object and will be added to the error object and passed to
start and navigate callbacks).Custom errors
Custom errors can be a string (error code) or an object. They can be passed using the first argument of
done callbacks or encapsulated in failed promises.A string
1
router.canActivate('profile', (router) => (toState, fromState, done) => {
2
done('my custom error');
3
});
4
​
5
router.navigate('profile', (err, state) => {
6
/* Error:
7
{
8
code: 'CANNOT_ACTIVATE',
9
segment: 'profile',
10
error: 'my custom error'
11
}
12
/*
13
})
Copied!
An object
1
router.canActivate('profile', (router) => (toState, fromState, done) => {
2
done({
3
why: 'because'
4
});
5
});
6
​
7
router.navigate('profile', (err, state) => {
8
/* Error:
9
{
10
code: 'CANNOT_ACTIVATE',
11
segment: 'profile',
12
why: 'because'
13
}
14
*/
15
})
Copied!
Redirecting after an error
When you fail a transition, you can pass a
redirect property to specify what the router should do next. redirect must be an object containing the route name you want to redirect to (name) and optionally can contain params (params).1
router.canActivate('profile', (router) => (toState, fromState, done) => {
2
return isUserLoggedIn()
3
.catch(() => Promise.reject({ redirect: { name: 'login' }}));
4
});
5
​
6
router.navigate('profile', (err, state) => {
7
// err is null
8
state.name === 'login';
9
});
Copied!
Last modified 3yr ago
Copy link