角路由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; 
     } 
    }); 
}