angular2-router

I have created a Auth Manager in Angular2 to restrict Component access directly . I am still new to angular and learning the concepts. I was able to restrict the user if the user name is not correct. But i am not able to use the value returned by the canActivate Method in my component to display a message in my front end. My AuthManager class import { Injectable } from '@angular/core'; import { CanActivate,Router,ActivatedRouteSnapshot,RouterStateSnapshot } from '@angular/router'; @Injectable() export class AuthManager implements CanActivate{ user = "user"; constructor(private router:Router){

I find many examples where ActivatedRoute Observables like params or url are subscribed but not unsubscribed. constructor(private route: ActivatedRoute) {} ngOnInit() { this.route.params // (+) converts string 'id' to a number .switchMap((params: Params) => this.service.getHero(+params['id'])) .subscribe((hero: Hero) => this.hero = hero); } Are the route objects and subscriptions destroyed automagically and newly created for every component creation? Do I have to care about unsubscribing from those Observable s? If not, can you explain what happens with the tree of ActivatedRoute objects in

What is the difference between ActivatedRouteSnapshot and ActivatedRoute in Angular 4? It's my understanding that ActivatedRouteSnapshot is a child of ActivatedRoute , meaning that ActivatedRoute contains ActivatedRouteSnapshot . Incidentally, I tried running a Google search for an answer to this question, but I didn't find any of the search results to be understandable. Thank you! Since ActivatedRoute can be reused , ActivatedRouteSnapshot is an immutable object representing a particular version of ActivatedRoute . It exposes all the same properties as ActivatedRoute as plain values, while

Let's presume I got this router config export const EmployeeRoutes = [ { path: 'sales', component: SalesComponent }, { path: 'contacts', component: ContactsComponent } ]; and have navigated to the SalesComponent via this URL /department/7/employees/45/sales Now I'd like to go to contacts , but as I don't have all the parameters for an absolute route (e.g. the department ID, 7 in the above example) I'd prefer to get there using a relative link, e.g. [routerLink]="['../contacts']" or this.router.navigate('../contacts') which unfortunately doesn't work. There may be an obvious solution but I'm

I am using angular2 router . To draw the breadcrumb of an url, lets say site.com/a/b/c/15 I do the following: Get the route of site.com/a/b/c/15 and get the pretty name associated to the route Get the route of site.com/a/b/c and get the pretty name associated to the route Get the route of site.com/a/b and get the pretty name associated to the route Get the route of site.com/a and get the pretty name associated to the route So lets say I do have the following routes: { path: 'a', component: A, data:{prettyName: 'I am A'}} { path: 'b', component: B, data:{prettyName: 'I am B'}}, { path: 'c',