Navigieren in Angular 2 ohne Klicken auf ein HTML-Element

Question

Es ist möglich, viele Beispiele zu finden, die zeigen, wie man mit Hilfe einer Schaltfläche oder eines routerLinks in eckigen Komponenten zwischen Komponenten navigiert. 2. Ich möchte zu einer bestimmten Komponente navigieren wenn ein Fehler auftritt, ohne Benutzeraktion. Wie folgt aus:

class MyErrorHandler implements ErrorHandler { 
    handleError(error) { 
     this.router.navigate(['/pagenotfound']); 
    } 
} 

Aber es ist nicht möglich, ein Router Objekt in MyErrorHandler Konstruktor zu initialisieren. Gibt es eine Möglichkeit, dieses Problem zu umgehen und ein automatisches Navigationssystem zu erstellen?

Answer 1

Wenn Sie den Service Router in Ihrer Fehlerbehandlerklasse verwenden möchten, müssen Sie ihn injizieren. Sie können dies tun, indem Sie Ihren Service unter Verwendung des Dekorators @Injectable registrieren. Siehe das Beispiel unten.

@Injectable() 
export class MyErrorHandler { 
    constructor(private router: Router) { 

    } 

    handleError(error) { 
     this.router.navigate(['/pagenotfound']); 
    } 
} 

Danach tun Sie können Ihre MyErrorHandler Service in Ihrer Komponente oder jedem anderen Ort injizieren Sie es verwenden möchten.

Weitere Informationen über Dependency Injection (DI) finden Sie unter: https://angular.io/guide/dependency-injection