Angular get matched url path in Guard

Question

my routing is

{
path:'contacts/:id',
component: contactDetail
}

in

canActivateChild( route: ActivatedRouteSnapshot,
state: RouterStateSnapshot) { 
  console.log(state.url); 
}

state.url return /contacts/1 what I need is matched url /contact/:id is there any possibilities to get matched url?

Try Among the options provided here if it helps - https://stackoverflow.com/questions/34597835/how-to-get-current-route — eduPeeth, Aug 20 '19 at 07:23

benshabatnoam · Answer 1 · 2019-08-21T12:31:16.923

4

You'll have it in route.routeConfig.path:

canActivateChild(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) { 
  console.log(route.routeConfig.path);
}

Thanks @Thirumalai murugan

edited Aug 21 '19 at 12:31

answered Aug 20 '19 at 07:27

benshabatnoam

7,161
1
31
52

@Thirumalaimurugan you're right, this is working for `canActivate` and not for `canActivateChild`. I've updated my answer. – benshabatnoam Aug 20 '19 at 08:27
`route.routeConfig.path` is returning the result – Thirumalai murugan Aug 21 '19 at 11:20
You're correct. it does. there are both pointing to the same place. but this path is match better. I'll update my answer. cheers – benshabatnoam Aug 21 '19 at 12:30

score 1 · Answer 2 · answered Aug 20 '19 at 07:21

1

you can try this code.

canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {

        const currentUser = this.authenticationService.currentUserValue;
        if (currentUser) {
            // authorised so return true
            return true;
        }
        // not logged in so redirect to login page with the return url
        this.router.navigate(['/account']);
        return false;
    }

answered Aug 20 '19 at 07:21

ravi polara

564
3
14

2

Did you answer this question or another? – benshabatnoam Aug 20 '19 at 07:24

Abdul Basit · Answer 3 · 2019-08-20T07:18:53.353

0

You can use ActivatedRoute

import { ActivatedRoute} from @angular/router';
 constructor( private route: ActivatedRoute) {
    this.route.params.subscribe(res => {
    if(res.id) { //your code }
    })
}

edited Aug 20 '19 at 07:18

answered Aug 20 '19 at 07:14

Abdul Basit

1,352
1
10
18

thanks for your time, sorry to say this, Its angular project not a ionic one and more over my basic need is to get matched url `/contact/:id` in guard – Thirumalai murugan Aug 20 '19 at 07:17
@Thirumalaimurugan sorry, please see updated answer – Abdul Basit Aug 20 '19 at 07:21
Please look into the question, I need matched url in guard, the work around is the final step that too I need it in guard not in the component, sorry, for your convenience I have deleted that work around points too. – Thirumalai murugan Aug 20 '19 at 07:56

score 0 · Answer 4 · answered Aug 20 '19 at 08:11

0

Using ActivatedRouteSnapshot you can get the route with its parameters. Check if below code helps.

canActivate(next: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
    console.log(next['routeConfig']['path']);
}

answered Aug 20 '19 at 08:11

Vishal Soni

81
8

score 0 · Answer 5 · answered Sep 18 '20 at 18:36

You can use the next statement:

canActivate(
  next: ActivatedRouteSnapshot,
  state: RouterStateSnapshot
 ): Observable<boolean | UrlTree> | Promise<boolean | UrlTree> | boolean |     
UrlTree {
console.log(next.queryParams);
console.log(next.params);

return true;

}

Angular get matched url path in Guard

5 Answers5