Angular2, relative Navigation (zwei Ebenen zurück ../../)

Question

Ich habe eine Zurück-Taste in meiner Anwendung, die relativ einige Ebenen zurück navigiert. Im Falle einer Ebene

this.router.navigate(['..'], { relativeTo: this.route }); 

es perfekt funktioniert (resultierten Route url: http://localhost:3000/three/two/one). Bei zwei Ebenen zurück rel. Navigation

this.router.navigate(['..', '..'], { relativeTo: this.route }); 

Router navigiert zwei Ebenen zurück, ABER die resultierende Route url sieht nun wie http://localhost:3000/three/two/ (Tailing Strich, die nicht korrekt ist).

Mache ich etwas falsch oder könnte es ein Fehler sein?

Answer 1

Bei zwei Ebenen verwenden unten folgt aus:

this.router.navigate(['../../'], { relativeTo: this.route }); 

Answer 2

Verwenden Sie stattdessen die Location.back() -Methode, die Location.back() -Methode führt Sie zur letzten Seite Ihres Browserverlaufs.

in Ihrer Komponente:

import { Location } from '@angular/common'; 
//some othe code ...... 
//in your class 
constructor(private location: Location) {} 

//create a method to go back 
goBack() { 
    this.location.back(); 
} 

nun eine Zurück-Taste in Ihrem component.html erstellen und binden diese Methode, um es:

<button (click)="goBack()" > Back </button>