angular2-routing

In Angular2 how do I check if a route exists? I have a method that remembers which route to navigate to if the user is not authorised. On login I have: this.router.navigate([this.authService.redirectUrl]); But I only want to navigate IF the redirectUrl references a valid route, something like .. if (this.authService.redirectUrl is a valid route) { this.router.navigate([this.authService.redirectUrl]); } Is there any way to check this? You can check if the route exists like that using the promise way : this.router.navigate(['redirect']) .then(data => { console.log('Route exists, redirection is

I want to disable changing the URL when routing in my Angular 2 app. I know that skipLocationChange: true has to be passed as a NavigationExtras parameter to the router. My question is: Is it possible to pass NavigationExtras to a routerLink from inside the template? What I have tried: <h1> {{title}} </h1> <ul> <li><a [routerLink]="['route1', { skipLocationChange: true }]">Route1</a></li> <li><a [routerLink]="['route2', { skipLocationChange: true }]">Route2</a></li> </ul> <router-outlet></router-outlet> but it does not work. After clicking a link, the route changes to http://localhost:4200

When a component is created by the router how can I setup property bindings? It is not supported to use bindings for components added by the router. See also this discussion https://github.com/angular/angular/issues/4452 Use a shared service to communicate with components added by the router. For details see https://angular.io/docs/ts/latest/cookbook/component-communication.html 来源： https://stackoverflow.com/questions/34647918/how-to-setup-input-bindings-for-a-component-when-its-created-by-router-outlet

I am trying to toggle a side nav menu, located at the top of my main App template using a button in a nested child component. I can't figure out how to get to the sidenav component in the parent to tell it to sidenav.open() . I know about @Input and @Output on a child component, but as I understand it, to use this I need to have some sort of DOM tag for the child component to attach these to? Such as: <app> <sidenav-component #sidenav>...</sidenav-component> <child [someInput]="some_parent_var" (childOpensNav)="sidenav.open()"></child> </app> Tons of articles on how to do this. Problem is that

I'm resolving a user before accessing the account fragment of my user page : app-routing.component.ts { path: 'users/:id', component: UserComponent, resolve: {user: UsersService}, children: [ {path: '', pathMatch: 'full', redirectTo: 'account'}, {path: 'account', component: UserAccountComponent}, {path: 'sites', component: UserSitesComponent} ] } users.service.ts resolve(route: ActivatedRouteSnapshot, r: RouterStateSnapshot) { return this.getUser(route.params['id']); } user-account.component.ts ngOnInit() { this.route.parent.data.subscribe(data => { this.user = data['user']; // Initialize the

We have child routes definitions presented here, in which we use a guard to check if the user has accepted terms before using our service. account/secret/secret.routes.ts: import { Routes } from '@angular/router'; import { SecretFormComponent } from './secret-form.component'; import { SecretTermsComponent } from './secret-terms.component'; import { TermsGuard } from './services/terms-guard.service'; export const secretRoutes: Routes = [ { path: '', redirectTo: 'form' }, { path: 'form', component: SecretFormComponent, canActivate: [TermsGuard] }, { path: 'terms', component: SecretTermsComponent