Angular 2 RouterStateSnapshot无法返回正确的网址

我试图根据角度的文档登录后工作得到重定向。 https://angular.io/docs/ts/latest/guide/router.html#!#teach-authguard-to-authenticate Angular 2 RouterStateSnapshot无法返回正确的网址

虽然有些文件名是不同的，但我基本上得到了相同的设置。

问题是，当我在authGuard，中登录RouterStateSnapshot url时，它始终会输出第一条来自app-routing.module.ts（'/ countries'）的路线，而不是例如。 /国家/法国/ 34

authGuard

canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): boolean { 
    let url = state.url; 
    console.log(state); // always outputs first route from app-routing.module.ts ('/countries') 
    return this.checkLogin(url); 
} 

checkLogin(url: string): boolean { 
    if (this.userService.isLoggedIn()) { 
     return true; 
    } 
    this.userService.redirectUrl = url; 
    console.log(this.userService.redirectUrl); 

    // not logged in so redirect to login page 
    this.router.navigate(['/login']); 
    return false; 
}

应用路由模块

const routes: Routes = [ 
    { path: '', redirectTo: 'countries', pathMatch: 'full', canActivate: [AuthGuard]}, 
    { path: 'login', loadChildren: './authentication/authentication.module#AuthenticationModule' }, 
    { path: 'countries', loadChildren: './countries/countries.module#CountriesModule'}, 
    ... 
];

国家路由模块

const routes: Routes = [ 
    { path: '', component: CountriesComponent, canActivate: [AuthGuard] }, 
    { path: ':name/:id', component: CountryComponent, canActivate: [AuthGuard] } 
];

希望有人能帮助

来源

2017-05-26 Peter

您正在使用相同AuthGuard所有路径，因此你看到了这个结果，你可以为不同的路由创建不同的认证守卫，或者有一些逻辑来确定何时调用相同的canActivate。

希望这有助于！

来源

2017-05-26 13:48:54

Angular 2 RouterStateSnapshot无法返回正确的网址

回答

相关问题