Angular2 canAcrivate based on route parameter?

Question

I need to implement a route guard for my angular2 app based on the URL parameter that passed in the routing, for example:

http://myapp.com/test1/sites -------> where my routes use the test1 as a parameter :sitename

so if the passed parameter == test1 then canActivate return true, otherwise return false.

so how to implement this ?

AngularChef AngularChef · Accepted Answer · 2017-02-23T18:29:34

Route declaration:

{
  path: ':sitename/sites',
  component: SomeComponent,
  canActivate: [CanActivateSite]
}

Then the guard implementation:

@Injectable()
class CanActivateSite implements CanActivate {
  canActivate(route: ActivatedRouteSnapshot): boolean {
    return route.params.sitename == 'test1';
  }
}

Angular2 canAcrivate based on route parameter?

2 Answers