角路由保护CanActivate停止路由
角路由保护CanActivate停止路由
提问于 2017-10-06 14:25:05
我正在试着检查用户是否已经选择了一家公司登录。如果他们选择，他们就会看到那些公司雇员。否则，我们将重定向到登录页面。
我用了有角度的路线护卫来做这个。但它没有继续这条路线，在那里停下来，尽管我返回真。如何继续走下去
路由配置
const appRoutes: Routes = [
{ path: "employees", component: EmployeeListComponent, canActivate: [AuthGuard] },
{ path: "", redirectTo: "/employees", pathMatch: "full" },
{ path: "login", component: LoginComponent },
{ path: "**", component: PageNotFoundComponent }
];Auth警卫
import { Injectable } from '@angular/core';
import { Router, CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';
import { AppService } from '../../app/app.service';
@Injectable()
export class AuthGuard implements CanActivate {
constructor(private appService: AppService, private router: Router) {
}
canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
let user: IUserViewData;
var _this = this;
this.appService.getUserViewData()
.subscribe(
(response: IUserViewData) => {
user = response;
if (user.LoggedInCompany != null) {
return true;
} else {
_this.router.navigate(['/login']);
return false;
}
},
(error: any) => { });
return false;
}
}回答 1
Stack Overflow用户
回答已采纳
发布于 2017-10-06 14:54:51
更改订阅到返回Observable<boolean>的映射
canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
var _this = this;
return this.appService.getUserViewData().map(user => {
if (user.LoggedInCompany != null) {
return true;
} else {
_this.router.navigate(['/login']);
return false;
}
});
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/46607997
复制相关文章
相似问题
腾讯云开发者
