Góc 2 authguard chuyển hướng tương đối

Question

Có cách nào để chuyển hướng với mẫu đường dẫn tương đối trong trình bảo vệ không?

Tôi đã thử nó với

@Injectable() 
export class ServerAuthGuard implements CanActivate { 
    constructor(private _router: Router, 
       private _route: ActivatedRoute) { 
    } 

    canActivate(route: ActivatedRouteSnapshot): boolean { 
     this._router.navigate(['../../servers/'], {relativeTo: this._route}); 

     return false; 
    } 
} 

mà nên chuyển hướng từ /projects/2/servers/71 để /projects/2/servers/ nhưng Nó luôn luôn chuyển hướng nó vào /servers (Khi tôi làm như vậy trong một thành phần nó hoạt động tốt).

Answer 1

tôi làm việc xung quanh này với một hàm helper ít. Nhưng điều này chỉ hoạt động nếu bạn biết lược đồ của url.

/** 
* ATTENTION: RECURSIVE 
* 
* We are searching for the url "searchString" which comes before 
* the parameter we are really search. 
* E.g. if you have a url like "projects/:projectId/servers/:serverId 
* and you need the :projectId your 'searchString' is 'servers' 
*/ 
function getUrlParameterByChild(searchString: string, 
           route: ActivatedRouteSnapshot, 
           next: boolean = false): string { 
    let url: string = route.url[0] ? route.url[0].path : ''; 

    if (!url && !route.parent) { 
     throw new Error('Parameter not found in url'); 
    } 

    if (next) { 
     return url; 
    } 

    return getUrlParameterByChild(searchString, route.parent, url === searchString); 
} 

Cách sử dụng:

this._router.navigate([ 
    'projects', 
    getUrlParameterByChild('servers', route), 
    'servers' 
]) 

Answer 2

relativeTo cũng nên chấp nhận một ActivatedRouteSnapshot, trông như thế này có thể đã bị bỏ qua, trong khi chờ đợi ở đây là một cách giải quyết:

canActivate(
    next: ActivatedRouteSnapshot, 
    state: RouterStateSnapshot): Observable<boolean> | Promise<boolean> | boolean { 
     // if(...) { 
     const segments = state.url.split('/'); 
     segments.pop(); 
     segments.shift(); 
     this.router.navigate(segments); 
     // } else { 
     // return true; 
     // } 


}