Wie navigiere ich zurück in angular2 apps?

Question

Ich baue eine einzelne Seite Anwendung mit mehreren Ansichten von einem Router bedient.

Die meisten der Informationen, die ich gelesen habe, sagt, um location:Location als Dienst zu injizieren, dann (click)='location.back' verwenden, um eine Ansicht zurückzugehen.

Dies funktioniert nicht für mich, als ob Sie auf einer bestimmten Ansicht starten und klicken Sie zurück, beenden Sie die App und gehen Sie auf die vorherige Website. Ich erhalte auch häufige Seitenladevorgänge, wenn ich dies als Navigationsmethode verwende. Gibt es eine History-API oder eine andere Möglichkeit, die Navigation in einer ng2-Anwendung zu handhaben? Diese

Answer 1

Sie Standort aus Winkel gemeinsamen wie verwenden:

import {Location} from '@angular/common'; 
    constructor(private _location: Location){ } 
    goback(){ 
     this._location.back(); 
    } 

Answer 2

Verwendung:

window.history.back(); 

Answer 3

kann hilfreich sein

history: string[] = []; 

constructor(private router: Router) { 
    router.events 
     .filter(event => event instanceof NavigationEnd) 
     .subscribe(event => { 
      this.history.push(event.url); 
     }); 
} 

onBack() { 
    if (this.history.length > 1) { 
     // pop current page 
     this.history.pop(); 
     // pop previous page (later it will be added) 
     this.history.pop(); 
     window.history.back(); 
    } 
} 

onHome() { 
    window.location.replace(window.location.origin); 
}