Angular 2 erhalten aktuelle Route in Wache

Question

Ich habe eine AccessGuard-Klasse in meinem Projekt, die ihre Arbeit ist, um festzustellen, ob Benutzer auf die Route zugreifen kann oder nicht. Ich benutzte die router.url, um die aktuelle Route zu erhalten, aber die URL gibt die Route vor der Navigation zur neuen Route zurück, wie ich in der Benutzerroute bin, und ich klicke auf die Kandidatenroute, so dass die URL Benutzer anstelle von Kandidaten zurückgibt, die ich validieren möchte Zugriff auf die Route dies ist meine Route-Datei:

const routes:Routes = [ 
{ 
    path:'', 
    component:PanelComponent, 
    canActivate:[AuthGuard,AccessGuard], 
    canActivateChild:[AuthGuard,AccessGuard], 
    children:[ 
     { 
      path:'dashboard', 
      component:DashboardComponent 
     }, 
     { 
      path:'users', 
      component:UsersComponent 
     }, 
     { 
      path:'users/:id', 
      component:ShowUserComponent 
     }, 
     { 
      path:'candidates', 
      component:CandidatesComponent 
     }, 
     { 
      path:'permissions', 
      component:PermissionsComponent 
     }, 
     { 
      path:'holidays', 
      component:HolidaysComponent 
     }, 
     { 
      path:'candidate/:id', 
      component:CandidateComponent 
     }, 
     { 
      path:'salary/create', 
      component:InsertSalaryComponent 
     }, 
     { 
      path:'document/create', 
      component:InsertDocumentComponent 
     }, 
     { 
      path:'leave/create', 
      component:InsertLeaveComponent 
     } 
    ] 
} 

]; 

und das ist mein Zugang Wache:

permissions; 
currentRoute; 
constructor(private authService:AuthService,private router:Router){ 
    this.permissions = this.authService.getPermissions(); 
} 

canActivate(){ 
    return this.checkHavePermission(); 
} 

canActivateChild(){ 
    console.log(this.router.url); 
    return this.checkHavePermission(); 
} 

private checkHavePermission(){ 
    switch (this.router.url) { 
     case "/panel/users": 
      return this.getPermission('user.view'); 
     case '/panel/dashboard': 
      return true; 
     case '/panel/candidates': 
      return this.getPermission('candidate.view'); 
     default: 
      return true; 
    } 
} 


getPermission(perm){ 
    for(var i=0;i<this.permissions.length;i++){ 
     if(this.permissions[i].name == perm){ 
      return true; 
     } 
    } 
    return false; 
} 

Answer 1

Sie müssen die Verfahrensparameter verwenden, um die Zielroute zu sehen:

canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) { 
    console.log(state.url);//'candidates' 
} 

canActivateChild(childRoute: ActivatedRouteSnapshot, state: RouterStateSnapshot) 

Answer 2

dies könnte Ihnen helfen:

1. Import ActivatedRouteSnapshot und RouterStateSnapshot:

   import { Router, CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot} from '@angular/router';

2. Signatur im canActivate:

   canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot):Observable {}

3. Überprüfen Sie den Zustand:

   console.log("route-access",state);

der Hut-Datei wie folgt aussehen würde:

import { Injectable } from '@angular/core'; 
    import { Router, CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot} from '@angular/router'; 
    import { Observable } from 'rxjs'; 
    import { AutenticacionService } from 'app/services/index'; 
    @Injectable() 
    export class AuthGuard implements CanActivate { 
     constructor(private _router: Router, private auth:AutenticacionService) {} 
    canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot):Observable<boolean> { 
     // console.log("route-access",state); 
     let _url:string=""; 
     state.url.split("/").forEach(element => { 
      if(_url==="") 
       if(element!=="") 
        _url=element; 
     }); 
     // console.log(_url); 
     return this.auth.check(_url) 
      .map((result) => { 
        if (result) { 
         return true; 
        } else { 
         this._router.navigate(['/']); 
         return false; 
        } 
       }); 
    } 

}