Wie lautet die Standardmethode, die für alle Routen in angular2 app aufgerufen würde?

Question

ich folgende Routen Konfiguration in app.module.ts haben,

{ 
    path: 'login', 
    component: loginComponent, 
    canActivate: [loggerService] 
}, { 
    path: '', 
    component: AppComponent, 
    canActivate: [loggerService] 
}, { 
    path: '/home', 
    redirectTo: '' 
}, { 
    path: '/blog', 
    component: BlogComponent, 
    canActivate: [loggerService] 
} 

Wenn eine der Routen genannt wird, möchte ich eine Methode auszuführen. Um beispielsweise den Zugriff zu protokollieren oder einige Daten vorab anzufordern. Gibt es eine standardmäßige benutzerdefinierte oder integrierte Methode, mit der dies erreicht werden kann?

Answer 1

Yes.There ist ein Weg, Auth Wache implementation.Below haben, ist das zum Beispiel:

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

    @Injectable() 
    export class AuthGuard implements CanActivate, CanActivateChild { 

     constructor(private router: Router) { 
     } 

     canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): boolean { 
     if (condition)) { 
      return true; 
     } 
     this.router.navigate(['/unauthorized']); 
     return false; 
     } 

     canActivateChild(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): boolean { 
     return this.canActivate(route, state); 
     } 
    } 

In Sie Routen:

import { Routes, RouterModule } from '@angular/router'; 
import { AuthGuard } from 'Your Location/auth-guard.service'; 

const ROUTES: Routes = [ 
    { 
    path: '', 
    canActivateChild: [AuthGuard], 
    children: [ 
     {path: '', component: CardbrandComponent}  
     ] 

    } 
];