Angular2 Authguard重定向路由不工作

Question

我創建了一個authguard來防止沒有登錄的用戶進入一個頁面。 authguard運行並返回true後，它不會重定向到相應的頁面。難道我做錯了什麼？

@Injectable() 
export class AuthGuard implements CanActivate { 
    constructor(
       private authStatusService: AuthStatusService, 
       private authService: AuthService, 
       private router: Router) { } 

    canActivate(): any { 

     return this.authStatusService.authStatus.subscribe(i => { 
      if(i === 'auth-login-success') { 
       return Observable.fromPromise(this.authService.getUser()) 
        .subscribe(res => { 
         if(!res.id) { 
          this.router.navigate(['summary']); 
          return Observable.of(false); 
         } 
         return Observable.of(true); 
        }, 
        error => { 
         return Observable.of(false); 
        }) 
      } else { 
       console.log('user has not logged in') 
       this.router.navigate(['login']); 
       return Observable.of(false); 
      } 
     }) 
    } 
} 

Answer 1

類似的東西應該工作：

@Injectable() 
export class AuthGuard implements CanActivate { 
    constructor(
       private authStatusService: AuthStatusService, 
       private authService: AuthService, 
       private router: Router) { } 

    canActivate(): any { 

     return this.authStatusService.authStatus 
     .mergeMap(i => { 
      if(i === 'auth-login-success') { 
       return this.authService.getUser()) 
        .map(res => { 
         if(!res.id) { 
          this.router.navigate(['summary']); 
          false; 
         } 
         return true; 
        }) 
        .catch(error => { 
         return false; 
        }) 
      } else { 
       console.log('user has not logged in') 
       this.router.navigate(['login']); 
       return false; 
      } 
     }) 
     .first() // not sure if this line is still necessary 
    } 
} 

路由器需要一個boolean，Promise<boolean>或Observable<boolean>。 當您撥打subscribe()時，您將收到一個不起作用的Subscription。 隨着map()返回Observable。