Ember.js: Поддержка хэша HTML Anchor в шаблоне ссылки

Созданный на 23 февр. 2016 · 10Комментарии · Источник: emberjs/ember.js

Я работаю над одностраничным приложением, в котором индексный маршрут состоит из множества разделов, когда пользователь прокручивает свой экран вниз. Чтобы это работало, я хочу использовать свойство хэша привязки HTML. В этом закрытом выпуске прошлого года я вижу, что Ember поддерживает поведение браузера по умолчанию, связанное со свойствами хэша привязки, за что я благодарен. Также упоминается возможность создания «фрагментации» компонента {{link-to}}. Когда я пробую его на своем сайте (Em 2.3.0) и в этом тидле , он не работает, и я не вижу его в исходном коде.

Поддерживается ли эта функция сейчас или в будущем? Я замечаю, что когда я просто помещаю элемент в свой шаблон руля, щелчок пользователя по хешу привязки вызывает перезагрузку страницы, когда я нахожусь на другом маршруте, а не просто переход маршрута, поэтому я бы хотел использовать {{link-to}} вместо простого элемента.

Благодаря,

Брайан

Bug Has Reproduction

Источник

bkCDL

Самый полезный комментарий

Да, это было бы здорово.

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

jakeleboeuf 27 янв. 2017

👍38

Все 10 Комментарий

В маршрутизаторе или с link-to нет поддержки хешей / фрагментов.

Я не уверен, почему <a href="#some-id"> не работает в ember-twiddle. Он отлично работает в JSbin:

http://emberjs.jsbin.com/gabune

mmun 23 февр. 2016

@mmun это похоже на проблему только

stefanpenner 26 февр. 2016

Да, конкретная проблема, о которой здесь сообщается, кажется, находится в тупике. Было бы неплохо иметь лучшую поддержку хэшей / фрагментов в маршрутизаторе, но это следует обсудить в репозитории RFC.

mmun 26 февр. 2016

Я использую locationType = "history" и такую привязку:

админ

перезагружает страницу на " http: // localhost : 4200 / # c4412370-e892-11e4-a199-000c29a61086"

Это с Ember-cli / Ember 2.4.1.

cfator 5 мар. 2016

Я не думаю, что это проблема только Twiddle. Вот JSBin, в котором проблема не обнаруживается на маршруте индекса, но проявляется на любом другом маршруте.

Воспроизвести:

Посетите http://jsbin.com/bilewi
Нажимаем на «низ» - работает нормально
Прокрутите назад и нажмите «foo» - теперь вы на странице foo.
Нажмите "внизу" - вы перейдете в нижнюю часть страницы foo, но вместо этого вы перейдете в нижнюю часть страницы индекса.

У меня такая же проблема с якорными ссылками в моем приложении Ember 2.4.3.

camunching 25 мар. 2016

Примечание. <a href='#foo'> отлично работает, если вы находитесь на маршруте индекса. Он не работает правильно на других маршрутах, вместо этого вызывая полное обновление страницы

alexspeller 18 окт. 2016

👍1

Да, это было бы здорово.

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

jakeleboeuf 27 янв. 2017

👍38

Есть какие-нибудь новые идеи по этому поводу? Я пробовал ember-anchor, который является хорошим дополнением, но требует слишком большой настройки и в любом случае не соответствует стандартам в отношении якорей. Я считаю, что это должна быть очень важная функция для реализации.