Ember.js: Prise en charge du hachage HTML Anchor dans le modèle de lien vers

Créé le 23 févr. 2016 · 10Commentaires · Source: emberjs/ember.js

Je travaille sur une application d'une seule page où la route d'index comporte de nombreuses sections au fur et à mesure qu'un utilisateur fait défiler son écran. Pour que cela fonctionne, je souhaite utiliser la propriété de hachage d'ancrage HTML. Je vois dans ce numéro fermé de l'année dernière qu'Ember prend en charge le comportement par défaut du navigateur de liaison aux propriétés de hachage d'ancrage, ce dont je suis reconnaissant. Il mentionne également la possibilité de créer une fonctionnalité "fragment" du composant {{link-to}}. Quand je l'essaye sur mon site (Em 2.3.0) et dans ce twiddle , cela ne fonctionne pas, et je ne le vois pas dans le code source.

Est-ce une fonctionnalité prise en charge, que ce soit maintenant ou à l'avenir? Je remarque que lorsque je viens de mettre un élément dans mon modèle de guidon, le clic de l'utilisateur sur le hachage d'ancre finit par déclencher un rechargement de la page lorsque je suis sur une autre route plutôt qu'une simple transition de route, c'est pourquoi j'aimerais utiliser {{link-to}} au lieu d'un simple élément.

Merci,

Bryan

Bug Has Reproduction

Source

bkCDL

Commentaire le plus utile

Oui, ce serait vraiment bien.

{{link-to "Cool Feature" "features#cool"}}   -->   <a href="/features#cool">Features</a>

jakeleboeuf le 27 janv. 2017

👍38

Tous les 10 commentaires

Il n'y a pas de support de hachage / fragment dans le routeur ou avec link-to .

Je ne sais pas pourquoi <a href="#some-id"> ne fonctionne pas dans braise-twiddle. Cela fonctionne bien dans JSbin:

http://emberjs.jsbin.com/gabune

mmun le 23 févr. 2016

@mmun est-ce que cela semble être un problème de

stefanpenner le 26 févr. 2016

Oui, le problème spécifique signalé ici semble être en braise. Ce serait bien d'avoir un meilleur support de hachage / fragment dans le routeur, mais devrait être discuté dans le référentiel RFC.

mmun le 26 févr. 2016

J'utilise locationType = "history" et une ancre comme celle-ci:

admin

recharge la page sur " http: // localhost : 4200 / # c4412370-e892-11e4-a199-000c29a61086"

C'est avec Ember-cli / Ember 2.4.1.

cfator le 5 mars 2016

Je ne pense pas que ce soit un problème uniquement Twiddle. Voici un JSBin où le problème n'apparaît pas sur la route d'index, mais il apparaît sur n'importe quelle autre route.

Reproduire:

Visitez http://jsbin.com/bilewi
Cliquez sur "bas" - fonctionne très bien
Faites défiler vers le haut et cliquez sur "foo" - vous êtes maintenant sur la page foo
Cliquez sur "bas" - cela devrait vous amener au bas de la page toto, mais à la place, cela vous amène au bas de la page d'index

Je rencontre le même problème avec les liens d'ancrage dans mon application Ember 2.4.3

camunching le 25 mars 2016

Remarque: <a href='#foo'> fonctionne bien si vous êtes sur la route d'index. Cela ne fonctionne pas correctement sur les autres itinéraires, provoquant à la place une actualisation complète de la page

alexspeller le 18 oct. 2016

👍1

Oui, ce serait vraiment bien.

{{link-to "Cool Feature" "features#cool"}}   -->   <a href="/features#cool">Features</a>

jakeleboeuf le 27 janv. 2017

👍38

Des nouvelles idées à ce sujet? J'ai essayé ember-anchor qui est un bon add-on, mais nécessite un peu trop de configuration et n'est pas conforme aux normes en ce qui concerne les ancres de toute façon. Je pense que cela devrait être une caractéristique assez importante à mettre en œuvre.