角路由Guard CanActivate停止路由

Question

我正在尝试检查用户已选择公司登录的天气。如果他们选择，那么他们会看到公司的员工。否则，我们将重定向到登录页面。

我已经使用Angular Route Guard来做到这一点。但它没有继续路线，并停在那里，但我回归真实。如何继续航线

路由配置

const appRoutes: Routes = [ 
    { path: "employees", component: EmployeeListComponent, canActivate: [AuthGuard] }, 
    { path: "", redirectTo: "/employees", pathMatch: "full" }, 
    { path: "login", component: LoginComponent }, 
    { path: "**", component: PageNotFoundComponent } 
]; 

验证卫队

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; 
    } 
} 

Answer 1

变化订阅映射返回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; 
     } 
    }); 
}