Улучшить эту документацию Просмотреть исходный код $route
- $routeProvider
- сервис в модуле ngRoute
Обзор
$route используется для глубокой привязки URL к контроллерам и представлениям (HTML-фрагментам). Он отслеживает $location.url() и пытается сопоставить путь с существующим определением маршрута.
Требуется модуль ngRoute.
Вы можете определить маршруты через API $routeProvider.
Сервис $route обычно используется совместно с директивой ngView и сервисом $routeParams.
Зависимости
Методы
-
reload();
-
updateParams(newParams);
Заставляет сервис
$routeобновить текущий URL, заменив текущие параметры маршрута на те, которые указаны вnewParams. Предоставленные имена свойств, соответствующие определениям сегментов пути маршрута, будут интерполированы в путь расположения, а оставшиеся свойства будут рассматриваться как параметры запроса.Параметры
Параметр Тип Подробности newParams !Object<string, string>отображение имён параметров URL к значениям
События
-
$routeChangeStart
Транслируется перед изменением маршрута. На этом этапе служба маршрутов начинает разрешать все зависимости, необходимые для изменения маршрута. Обычно это включает извлечение шаблона представления, а также любые зависимости, определённые в
resolveсвойстве маршрута. После разрешения всех зависимостей вызывается$routeChangeSuccess.Изменение маршрута (и вызванное им изменение
$location) можно предотвратить, вызвав методpreventDefaultсобытия. Для получения дополнительной информации об объекте события см.$rootScope.Scope.Тип:
вещаниеЦелевая область:
корневая область видимостиПараметры
Параметр Тип Подробности angularEvent ObjectСинтетический объект события.
next RouteБудущая информация о маршруте.
current RouteТекущая информация о маршруте.
-
$routeChangeSuccess
Транслируется после успешного изменения маршрута. Зависимости
resolveтеперь доступны в свойствеcurrent.locals.ngView прослушивает событие для инициализации контроллера и отображения представления.
Тип:
вещаниеЦелевая область:
корневая область видимостиПараметры
Параметр Тип Подробности angularEvent ObjectСинтетический объект события.
current RouteТекущая информация о маршруте.
previous RouteUndefinedПредыдущая информация о маршруте или undefined, если current - это первый введённый маршрут.
-
$routeChangeError
Транслируется, если функция перенаправления завершается ошибкой или любые обещания перенаправления или разрешения отклоняются.
Тип:
вещаниеЦелевая область:
корневая область видимостиПараметры
Параметр Тип Подробности angularEvent ObjectСинтетический объект события
current RouteТекущая информация о маршруте.
previous RouteПредыдущая информация о маршруте.
rejection RouteВыброшенная ошибка или причина отклонения обещания. Обычно причина отклонения — это ошибка, которая привела к отклонению обещания.
-
$routeUpdate
Свойство
reloadOnSearchустановлено в false, и мы повторно используем тот же экземпляр контроллера.Тип:
вещаниеЦелевая область:
корневая область видимостиПараметры
Параметр Тип Подробности angularEvent ObjectСинтетический объект события
current RouteТекущая/предыдущая информация о маршруте.
Свойства
-
current
ObjectСсылка на текущее определение маршрута. Определение маршрута содержит:
-
controller: Конструктор контроллера, как определено в определении маршрута. -
locals: Карта локалей, используемая сервисом $controller для создания контроллера. Локали содержат разрешённые значения из картыresolve. Кроме того, локали также содержат:-
$scope- Текущая область видимости маршрута. -
$template- Текущий шаблон маршрута HTML.
localsбудет назначено свойству$resolveобласти видимости маршрута. Вы можете переопределить имя свойства, используяresolveAsв определении маршрута. Для получения дополнительной информации см. $routeProvider. -
-
-
routes
ObjectОбъект со всеми конфигурационными объектами маршрута в качестве своих свойств.
Пример
В этом примере показано, как изменение хэша URL заставляет $route сопоставлять маршрут с URL, и ngView подключает фрагмент.
© 2010–2018 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://code.angularjs.org/1.6.9/docs/api/ngRoute/service/$route