Ich bin durch die Tutorials für Angular 2 gegangen und konnte eine einfache Anwendung zum Laufen bringen. Jetzt gehe ich zum Routing- und Navigationsteil über, der hier zu finden isthttps: //angular.io/docs/ts/latest/guide/router.htm, aber bei mir funktioniert etwas nicht.

Ich ging zum Live-Beispiel in Plunker und lud den Code von dort herunter. Ich habe dann eine Lösung in Visual Studio 2015 eingerichtet und den gesamten Code aus dem Plunker-Download eingefügt. Die Anwendung funktioniert einwandfrei, abgesehen davon, dass die Navigation nicht so zu funktionieren scheint, wie es die Dokumentation vermuten lässt.

Ich beginne mit dem Debuggen der Anwendung in Visual Studio mithilfe von IIS Express und Chrome-Browser. Die Hauptseite wird korrekt geladen und ich kann auf die Links für Crisis Center und Heroes klicken. Wenn ich auf die Links klicke, werden die Komponentenansichten korrekt geladen und alles sieht perfekt aus.

Nun, wenn ich versuche, durch einfaches Eingeben der URL zu navigieren, werden die Komponentenansichten nicht geladen und ich habe nur eine leere Seite.

Zum Beispiel starte ich das Debuggen der Anwendung in Visual Studio und der Chrome-Browser wird mit der URL @ geöffnehttp: // localhost: 56074 /. Die Hauptseite wird korrekt mit dem "Component Router" -Header und den beiden Links für "Crisis Center" und "Heroes" geladen. Wenn ich jetzt einfach in die Adressleiste gehe und "/ crisis-center" an das Ende der URL füge, sieht es so aus, als obhttp: // localhost: 56074 / crisis-center Bekomme ich eine leere Seite. In der Chrome-Konsole wird der folgende Fehler angezeigt:

BEKOMMENhttp: // localhost: 56074 / crisis-center 404 (Nicht gefunden) Navigiert zuhttp: // localhost: 56074 / crisis-center

und die Netzwerkverfolgung zeigt deutlich eine 404 für Krisenzentrum. Wenn ich den Navigationslink auf der Hauptseite des Krisenzentrums verwende und darauf klicke, um die Komponentenansicht des Krisenzentrums anzuzeigen, und dann einfach auf die Schaltfläche "Aktualisieren" klicke, um die Seite in der Krisenzentrumsansicht zu aktualisieren, passiert dasselbe Ergebnis .

Ist dies ein Problem mit Visual Studio? IIS Express? Andere Ideen

Wir sind ein .Net Development Shop und unsere primäre Entwicklungsumgebung ist Visual Studio. Wenn dies ein Problem bei der Entwicklung einer Angular 2-Anwendung in Visual Studio mit IIS Express ist, ist dies möglicherweise ein Show-Stopper.

Wenn jemand dasselbe ausprobieren möchte, kann ich meine VS-Lösung komprimieren und freigeben.

Hat jemand eine Angular 2-Anwendung in Visual Studio mit IIS Express ausprobiert, die mir möglicherweise sagen kann, was ich falsch mache?