AngularJS setzt slash / nach dem hash-tag

Ich versuche, AngularJS $anchorScroll mit $location.hash. Jedoch, wenn ich den hash, AngularJS fügt einen Schrägstrich, /nach es.

Zum Beispiel, die url ist: http://localhost:13060/Dashboard. Wenn ich weiß nicht die AngularJS Bibliothek, ich kann auf den link klicken, #contact, und gehen Sie zu http://localhost:13060/Dashboard#contact.

Aber wenn ich AngularJS und klicken Sie auf den link, es geht um http://localhost:13060/Dashboard#/contact Verhinderung von $anchorScroll arbeiten.

Bearbeiten $anchorScroll nicht arbeiten

Die Start-URL ist http://localhost:13060/Category.
Wenn ich eine Kategorie hinzuzufügen, sollte es gehen http://localhost:13060/Category#/#id (wobei id die neue id) und scrollen Sie die Seite, um es. Die URL wird korrekt aktualisiert, aber $anchorScroll nicht scrollen.

 //jump to new category
 $location.path("");
 $location.hash(cat.ID);
 $anchorScroll();
InformationsquelleAutor jth_92 | 2014-07-05
  1. 6

    Es sei denn, Sie verwenden html5mode, was entfernt den hash von angular-routing, Sie werden 2-hashes, eine für Winkel-routing und andere für Anker.

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

    Vorausgesetzt, Sie hatte eine route Weg gesetzt, als /profiles und Anker in die url würde wie folgt Aussehen:

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

    • Ich habe die URL richtig formatiert jetzt, aber $anchorScroll() ist nicht nach unten scrollen, um die Seite.
    • Ich werde ehrlich sein, ich habe noch nie verwendet anchorscroll. Tut $location.hash() Ausgabe, was Sie erwarten würden ( die zweite hash) ?
    • Ja, es Aktualisierungen der hash richtig (wenn ich den Pfad angeben), aber dann passiert nichts anderes als die URL-browser-Leiste spiegelt die Veränderung.
    • Ich entdeckte das Problem. Ich habe die $anchorScroll in das Ergebnis der Versprechen (D. H. Kategorien.dann) und ich ändere die $scope. Ich war aufrufen der hash-Funktion vor dem $scope ändern propagiert, um die Sicht und damit der hash nicht da war, so würde es nicht scrollen. Ich habe ein timeout, um die $anchorScroll, die es behoben.
    • wäre schön zu sehen, ein jsfiddle oder so etwas, ich habe das gleiche problem, aber ich sehe nicht, wie genau / wo man den $Speicherort.path(""); $location.hash(Kat.ID);
    InformationsquelleAutor charlietfl
Schreibe einen Kommentar