Angular - UI-Router-Routen - HTML5-Modus

Ich versuche, HTML5-Push-Status-Links mit meiner Angular-App zu verwenden. Was ich habe, ist eine Reihe von Routen ähnlich der folgenden

$stateProvider.state('product', {
    url: '/product/:productCode',
    templateUrl: 'product/product.html',
    controller: 'ProductCtrl'
    }
});

Dies funktioniert, wenn ich zu [host] / # / product / ABC123 navigiere. - Die URL wird im Browser als / product / ABC123 angezeigt. Wenn ich dann anfange, mich zu meinen anderen Routen durchzuklicken (mit ui-sref), funktioniert alles wie erwartet .

Jedoch - Ich möchte die Möglichkeit haben, sowohl den Browser zu aktualisieren als auch im selben Zustand zu bleiben und diesen Link zu kopieren und einzufügen und an den richtigen Zustand weiterzuleiten.

z.B. Wenn ich zu [host] / product / ABC123 komme, möchte ich den Inhalt der Route # / product / ABC123 anzeigen. Derzeit wird mir dies nicht angezeigt.

Ich verwende Nginx als App-Server. Ich glaube, ich muss etwas hinzufügen, um damit umzugehen, aber ich bin mir nicht sicher, wo ich anfangen soll.

Antworten auf die Frage(1)

Ihre Antwort auf die Frage