2015-08-27 3 views
3

Я не знаю, имеет ли этот стиль маршрутизации/навигации имя, но play.spotify.com - хороший пример. Короче говоря, при каждом решении по навигации сайт загружает новое представление, не удаляя старые. Это позволяет использовать «визуальные панировочные сухари», которые улучшают ощущение непрерывности в одностраничных приложениях.Предоставляет ли AngularJS маршрутизацию поддержку «видов сухарей»?

Критические характеристики:

  • URL-адрес отражает только текущее состояние, так перезарядка (или ссылка на акции) стирает эту историю.
  • Длина истории (по-видимому) произвольная - это не иерархическая древовидная навигация, а скорее путь на графике.

play.spotify.com

Мои вопросы

  • Есть ли схема маршрутизации (через Ui-маршрутизатор или что-то еще), что бы сделать это возможным в Угловое?
  • У этого есть имя?

Единственный способ осуществить это я могу видеть это programmitically добавлять состояния в Ui-маршрутизатор, как и в «Angular - UI Router - programmatically add states», но это только кажется очень Hacky.

ответ

0

Я не уверен, имеет ли это имя, если оно у меня никогда не сталкивалось. Поведение в видео выше может быть достигнуто с помощью макета, который содержит боковые полосы, которые не меняются при изменении маршрута.

Детали, которые меняются, находятся в центре, поэтому подход на основе виджета с верхними колонтитулами, колонтитулами и боковыми панелями, расположенными на главной странице. Затем с <div ui-view></div> находится в центре главной страницы только это содержание будет меняться при выборе нового маршрута

Я надеюсь, что это помогает

+0

Привет Грэм, спасибо за ваш ответ. Я понимаю, что боковые панели не должны быть частью меняющихся взглядов. Однако мне непонятно, как реализовать функциональность, которая * сохраняет * прошлые представления. Обратите внимание, что во второй половине GIF я могу просмотреть историю навигации без каких-либо вызовов AJAX. – JosephSlote

Смежные вопросы