Açısal 4 + zonejs: yönlendirme, yakalama hatasından sonra çalışmayı durdurur

Question

Yönlendirme sırasında bir bileşenden (yapıcı veya ngOnInit) yakalanmamış bir hata varsa, gezinme artık çalışmaz.

Bu küresel errorHandler ve RouterModule için bir errorHandler olsa bile olur, hem de emin olmak için bir ZoneListener eklendi - app.module.ts

burada

Minimal örnek bkz: https://embed.plnkr.co/L19S3hKWyqgKUIT1EJlI/preview

Hale Getir konsolu açmak istediğinizden emin olun. "Örnek Bileşen" e tıkladıktan sonra, ÖrnekFormComponent öğesindeki zorunlu hatanın bir sonucu olarak bazı yığınlar vardır. Bundan sonra "Ana Sayfa" ya geri gidemezsiniz.

Tüm uygulamayı bozmadığından emin olmak için beklenmeyen, yakalanmamış hatalar nasıl ele alınır?

ben gibi bazı geçici çözüm yapacağını

Answer 1

:

let hasRouterError = false; 
@Injectable() 
export class MyErrorHandler implements ErrorHandler { 
    constructor(private inj: Injector) {} 

    handleError(error: any): void { 
    console.log('MyErrorHandler: ' + error); 

    if(hasRouterError) { 
     let router = this.inj.get(Router); 
     router.navigated = false; 
    } 

    //throw error; // it is necessarily otherwise handleError won't be executed during next error 
    } 
} 

export function MyRouterErrorHandler(error: any) { 
    console.log('RouterErrorHandler: ' + error); 
    hasRouterError = true; 
    throw error; 
} 

ve biz özel RouteReuseStrategy kullanmak zorunda:

Bu kodu

if(hasRouterError) { 
    hasRouterError = false; 
    return false; 
} 

DefaultRouteReuseStrategy tek farklılık

export class PreventErrorRouteReuseStrategy implements RouteReuseStrategy { 
    shouldDetach(route: ActivatedRouteSnapshot): boolean { return false; } 
    store(route: ActivatedRouteSnapshot, detachedTree: DetachedRouteHandle): void {} 
    shouldAttach(route: ActivatedRouteSnapshot): boolean { return false; } 
    retrieve(route: ActivatedRouteSnapshot): DetachedRouteHandle|null { return null; } 
    shouldReuseRoute(future: ActivatedRouteSnapshot, curr: ActivatedRouteSnapshot): boolean { 
    if(hasRouterError) { 
     hasRouterError = false; 
     return false; 
    } 
    return future.routeConfig === curr.routeConfig; 
    } 
} 

sağlayıcılara arr eklemek için ihmal etmeyin ay:

import { RouteReuseStrategy } from '@angular/router'; 
... 
{ provide: RouteReuseStrategy, useClass: PreventErrorRouteReuseStrategy }, 

Sen Modified Plunker