AngularJS setzt Schrägstrich / nach Hash-Tag

8

Ich versuche AngularJS $anchorScroll mit $location.hash zu verwenden. Wenn ich jedoch den Hashwert festlege, fügt AngularJS einen Schrägstrich (/) hinzu.

Zum Beispiel lautet die URL: http://localhost:13060/Dashboard . Wenn ich die AngularJS-Bibliothek nicht einschließe, kann ich auf den Link #contact klicken und zu http://localhost:13060/Dashboard#contact wechseln.

Aber wenn ich AngularJS einfüge und auf den Link klicke, geht es zu http://localhost:13060/Dashboard#/contact , wodurch verhindert wird, dass $ anchorScroll funktioniert.

Bearbeiten $ anchorScroll funktioniert nicht

Die Start-URL ist http://localhost:13060/Category . Wenn ich eine Kategorie hinzufüge, sollte sie zu http://localhost:13060/Category#/#id (wo id die neue ID ist) gehen und die Seite runterscrollen. Die URL wird korrekt aktualisiert, aber $ anchorScroll scrollt nicht.

%Vor%     
jth_92 05.07.2014, 23:19
quelle

1 Antwort

5

Wenn Sie nicht html5mode verwenden, das den Hash aus dem angularen Routing entfernt, haben Sie zwei Hashes, einen für das angulare Routing und andere für die Anker.

http://localhost:13060/Dashboard#/#contact

Angenommen, Sie hätten einen Routenpfad als /profiles festgelegt und der Anker wäre in dieser Ansicht, würde die URL wie folgt aussehen:

http://localhost:13060/Dashboard#/profiles#contact

    
charlietfl 05.07.2014, 23:49
quelle