Zurück Knopf auf Angular2 ist gebrochen

Question

AKTUALISIERT **

Ich schreibe meine erste Angular2 App mit Routing. Eine einfache Quizanwendung.

Durch Klicken auf die Schaltfläche Zurück wird das Problemverhalten ausgelöst, die Vorlage wird nicht ordnungsgemäß mit Daten aus dem Modell gerendert.

Ich habe ein Routing-Schema, wo Sie zwischen einer Reihe von Fragen in einem Quiz mit einem URL-Muster wie /question/:n gehen können.

Meine Komponente implementiert , OnActivate und CanReuse.

Mein Modell ist über eine Eigenschaft mit der Komponente verbunden.

This Plunker hat eine vereinfachte Version meiner App.

Sie können sehen, dass das Klicken auf die Schaltfläche Weiter zur nächsten Frage geht und die URL aktualisiert. Durch Klicken auf die Schaltfläche Zurück des Browsers wird die URL zwar zurück geändert, die Vorlage wird jedoch nicht wiedergegeben.

Was fehlt mir?

Answer 1

Wenn es sich um ein Basis-HREF-Problem handelt, ist es schwierig, mit Plunker zu diagnostizieren. Ich bin also nicht sicher, ob dies das Problem ist, aber bitte versuchen Sie es.

Versuchen Sie, diese zu ändern:

<script>document.write('<base href="' + document.location + '" />');</script> 

zu diesem:

<base href="/"> 

in Ihrer index.html. Wenn es bereits auf Letzteres eingestellt ist, bitte Kommentar und ich werde diese Antwort aktualisieren.