Как включить навигацию к хешу URL с помощью HTML5-режима AngularJS?

Question

Как включить навигацию к хешу URL с помощью HTML5-режима AngularJS?

0

У меня есть html5mode включен в моем приложении AngularJS, поэтому я могу обращаться к пути с URL-адресом site.com/path вместо site.com/#/path.

Но навигация к хешу не работает должным образом с включенным html5mode. Когда я site.com/#hash на сайт site.com/#hash через Chrome, URL-адрес автоматически изменится на site.com/hash. Поскольку hash не является ресурсом на сервере, этот URL-адрес приводит к загрузке файла index.html по умолчанию вместо прокрутки в hash местоположение.

Это кажется очень тривиальным вариантом использования, но как я могу сделать URL-адрес site.com/#hash как ожидалось с помощью AngularJS?

Price 03 нояб. 2015, в 07:38

Источник

0

Удалите код html5mode и попробуйте
Arpit Srivastava 03 нояб. 2015, в 05:58
0

После удаления html5mode, URL должен быть site.com/#/#hash чтобы хеш работал, а не site.com/#hash
Price 03 нояб. 2015, в 06:00
0

если вы добавите #hash это не создаст никаких проблем, так как оно останется только на стороне клиента. Вы пытались попасть напрямую, используя тот же URL в адресной строке Chrome
Arpit Srivastava 03 нояб. 2015, в 06:02
0

В режиме site.com/#hash , если я site.com/#hash URL site.com/#hash , Chrome изменит его на site.com/#/hash .
Price 03 нояб. 2015, в 06:13
0

затем включите html5mode затем попробуйте напрямую
Arpit Srivastava 03 нояб. 2015, в 06:25
0

Обратите внимание на поведение html5mode в вопросе: «Когда я перехожу на site.com/#hash через Chrome, URL-адрес автоматически меняется на site.com/hash».
Price 03 нояб. 2015, в 07:05

Показать ещё 4 комментария

Теги:

javascript

angularjs

html5

hash

url-routing

1 ответ

Ещё вопросы

После удаления html5mode, URL должен быть site.com/#/#hash чтобы хеш работал, а не site.com/#hash
если вы добавите #hash это не создаст никаких проблем, так как оно останется только на стороне клиента. Вы пытались попасть напрямую, используя тот же URL в адресной строке Chrome
В режиме site.com/#hash , если я site.com/#hash URL site.com/#hash , Chrome изменит его на site.com/#/hash .
затем включите html5mode затем попробуйте напрямую
Обратите внимание на поведение html5mode в вопросе: «Когда я перехожу на site.com/#hash через Chrome, URL-адрес автоматически меняется на site.com/hash».

Price · Accepted Answer · 2015-11-03T04-59-00.000Z

Я получил его для работы с помощью:

этот вопрос StackOverflow: могу ли я вернуть управление хэш-фрагментом URL из AngularJS?
и косвенный намек от документов AngularJS: https://docs.angularjs.org/error/$location/nobase

Цитирование с страницы документов:

Обратите внимание, что удаление требования для тега будет иметь неблагоприятные побочные эффекты при разрешении относительных путей с $ location в IE9.

Подводя итог, угловые листья хеш-фрагментов в URL нетронутыми, только если:

html5mode включен,
хэш-префикс установлен,
и вы не задали requireBase:false при включении html5mode

Неудивительно, что людям трудно понять AngularJS: документация слаба, а структура похожа на волшебный черный ящик, который контролирует ваше приложение от вас.