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.
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
Tags und Links angularjs hashtag anchor-scroll