Ember.js: HTML-Anchor-Hash-Unterstützung in der Link-to-Vorlage
Ich arbeite an einer einseitigen App, bei der die Indexroute viele Abschnitte enthält, während ein Benutzer den Bildschirm nach unten scrollt. Damit dies funktioniert, möchte ich die HTML-Anker-Hash-Eigenschaft verwenden. Ich sehe in dieser geschlossenen Ausgabe aus dem letzten Jahr, dass Ember das Standardverhalten des Browsers beim Verknüpfen mit Anker-Hash-Eigenschaften unterstützt, wofür ich dankbar bin. Es wird auch die Möglichkeit erwähnt, ein "Fragment" -Feature der {{link-to}} -Komponente zu erstellen. Wenn ich es auf meiner Site (Em 2.3.0) und in diesem Twiddle versuche, funktioniert es nicht und ich sehe es nicht im Quellcode.
Ist dies eine unterstützte Funktion, ob jetzt oder in Zukunft? Ich stelle fest, dass beim Klicken eines Elements verwenden.
Vielen Dank,
Bryan
bkCDL
Alle 10 Kommentare
Es gibt keine Hash / Fragment-Unterstützung im Router oder mit link-to .
Ich bin mir nicht sicher, warum <a href="#some-id"> nicht in Glut-Twiddle funktioniert. In JSbin funktioniert es einwandfrei:
mmun
am 23. Feb. 2016
@mmun scheint dies nur ein Problem zu sein oder habe ich es falsch verstanden?
stefanpenner
am 26. Feb. 2016
Ja, das hier gemeldete spezifische Problem scheint in der Glut zu liegen. Es wäre schön, eine bessere Hash- / Fragment-Unterstützung im Router zu haben, sollte aber im RFC-Repo besprochen werden.
mmun
am 26. Feb. 2016
Ich verwende locationType = "history" und einen Anker wie diesen:
Lädt die Seite neu auf " http: // localhost : 4200 / # c4412370-e892-11e4-a199-000c29a61086".
Dies ist mit Ember-cli / Ember 2.4.1.
cfator
am 5. März 2016
Ich denke nicht, dass dies nur ein Twiddle-Problem ist. Hier ist eine JSBin, in der das Problem nicht auf der Indexroute angezeigt wird, sondern auf jeder anderen Route.
Reproduzieren:
- Besuchen Sie http://jsbin.com/bilewi
- Klicken Sie auf "unten" - funktioniert einwandfrei
- Scrollen Sie zurück nach oben und klicken Sie auf "foo" - Sie befinden sich jetzt auf der foo-Seite
- Klicken Sie auf "unten" - sollten Sie zum Ende der foo-Seite führen, aber stattdessen zum Ende der Indexseite
Ich habe das gleiche Problem mit Ankerlinks in meiner Ember 2.4.3-App
camunching
am 25. März 2016
Hinweis: <a href='#foo'> funktioniert einwandfrei, wenn Sie sich auf der Indexroute befinden. Auf anderen Routen funktioniert es nicht richtig, sondern führt zu einer vollständigen Seitenaktualisierung
alexspeller
am 18. Okt. 2016
Ja, das wäre wirklich schön.
{{link-to "Cool Feature" "features#cool"}} --> <a href="/features#cool">Features</a>
jakeleboeuf
am 27. Jan. 2017
Irgendwelche neuen Ideen dazu? Ich habe Ember-Anchor ausprobiert, ein nettes Add-On, das jedoch etwas zu viel Konfiguration erfordert und in Bezug auf Anker ohnehin nicht standardkonform ist. Ich glaube, dies sollte ein ziemlich wichtiges Feature sein, das implementiert werden muss.
danieledraganti
am 10. Apr. 2018
Ich habe ein Problem im RFC-Repo geöffnet (wie vorgeschlagen). Bitte 👍 es oder fügen Sie Ihre Gedanken hinzu https://github.com/emberjs/rfcs/issues/330
sdhull
am 4. Mai 2018
Wenn Sie dies als Feature-Anfrage schließen und @sdhull freundlicherweise ein Problem im RFCs-Repo öffnen.
Danke euch allen!
Serabe
am 6. Mai 2018
Verwandte Themen
irminsul
·
4Kommentare
dfreeman
·
4Kommentare
acorncom
·
4Kommentare
lukemelia
·
3Kommentare
SaladFork
·
4Kommentare
Hilfreichster Kommentar
Ja, das wäre wirklich schön.