Angular 2 Custom Error Handling and Router

Question

Ho un gestore di eccezioni personalizzato che dovrebbe portare l'utente a una pagina di errore personalizzata se si verifica un'eccezione (è sufficiente provarlo).

Sto cercando di ottenere l'istanza del router utilizzando Injector. Motivo per farlo, credo che l'iniettore fornirà l'istanza del router esistente e usandolo sarò in grado di instradare l'utente.

Qualche idea sul perché questo non funziona o su come questo può essere ottenuto?

Grazie :)

@Injectable() 
export class AppExceptionHandler extends ExceptionHandler{ 

constructor(){ 
    super(null, null); 
} 

call(exception:any, stackTrace?:any, reason?:string):void { 
    console.log('call...') 


    var providers = Injector.resolve([ROUTER_PROVIDERS]); 
    var injector = Injector.fromResolvedProviders(providers); 

    // this is causing issue, not sure it is the correct way 
    let router : Router = injector.get(Router); 

    // not executed 
    console.log(router) 

    // not executed 
    console.log('done...') 
    router.navigate(["CustomErrorPage"]); 
    } 

} 

---

risposte - testato in 2.0.0-beta.17 Grazie alla Druxtan

 
1. Created a file app.injector.ts inside the app folder (app/app.injector.ts) 

let appInjectorRef; 

export const appInjector = (injector?) => { 
    if (!injector) { 
     return appInjectorRef; 
    } 

    appInjectorRef = injector; 

    return appInjectorRef; 
}; 

 
2. Added to the bootstrap in the main.ts 

bootstrap(AppComponent,[ROUTER_PROVIDERS, HTTP_PROVIDERS,provide(ExceptionHandler,{useClass : AppExceptionHandler})]) 
    .then((appRef) => appInjector(appRef.injector)); 

 
3. In the AppExceptionHandler, retrieved the Router instance as shown below 

export class AppExceptionHandler { 

    call(exception:any, stackTrace?:any, reason?:string):void { 

     let injectorApp = appInjector(); 
     let router = injectorApp.get(Router); 
     let localStorageService = injectorApp.get(LocalStorageService); 

     if(exception.message === '-1'){ 
      localStorageService.clear(); 
      router.navigate(["Login"]); 
     } 
    } 

} 

Answer 1

avrei implementare la funzione in questo modo dal momento che questa classe si svolge nel iniezione di dipendenza:

@Injectable() 
export class AppExceptionHandler extends ExceptionHandler { 
    constructor(private router:Router) { 
    super(null, null); 
    } 

    call(exception:any, stackTrace?:any, reason?:string):void { 
    console.log('call...') 

    this.router.navigate(['CustomErrorPage']); 
    } 
} 

e registrare il manico in questo modo:

bootstrap(MyApp, [ 
    provide(ExceptionHandler, {useClass: AppExceptionHandler}) 
]);