認証ガード拒否のリダイレクトURLを角4で保存する

Question

私は保護されたルート/protected-routeを持っています。

/* --- Angular --- */ 
import { Injectable } from '@angular/core'; 
import { CanActivate, Router, RouterStateSnapshot } from '@angular/router'; 

/* --- Services --- */ 
import { AuthenticationService } from './authentication.service'; 
import { StorageService } from './storage.service'; 

@Injectable() 
export class AuthenticatedRouteGuardService implements CanActivate { 

    constructor(private authenticationService: AuthenticationService, private 
router: Router, private routerStateSnapshot: RouterStateSnapshot) { } 

    canActivate() { 

    if (this.authenticationService.isAuthenticated()) { return true; } else { 

     console.log(this.routerStateSnapshot.url); 

     this.router.navigate(['/login']); 

     return false; 

    } 

    } 

} 

私がログイン成功後にユーザーをリダイレクトすることができるようにしようとした経路、すなわち/protected-routeを保存したい：authentication-guard.service.tsファイルには、有効なセッションが見つからない場合、ユーザは/loginに投げなければならないことを指示します。ユーザーが/loginにスローされる前に経路情報を取得できません。 router.urlとactivatedRoute.snapshot.urlはどちらも空の値を返します。

Answer 1

あなたAuthenticatedRouteGuardServiceで使用この

canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) { 
    if (this.authenticationService.isAuthenticated()) { 
     return true; 
    } 

    this.router.navigate(['/login'], { queryParams: { returnUrl: state.url }}); 
    return false; 
}