Маршрутизация предназначена для перехода от одного компонента к другому. В angular, как одностраничном приложении, представление перемещается от одного компонента (контроллера) к другому (все страницы вызываются через одностраничный app.component.html). Здесь навигация происходит с помощью @ angular / router. Представление всегда содержит базовый шаблон app.component.html вместе с шаблонами, определенными приложением.
Большинство приложений маршрутизации должны добавлять элемент <base> к index.html в качестве первого дочернего элемента в теге <head>, чтобы сообщить маршрутизатору, как составлять URL-адреса навигации. Относительный путь в приложении начинается после пути, указанного в базовом теге в index.html.
Обычно в приложении для быстрого запуска или размещенном в основном домене мы используем ‹base href =” / ”› в index.html. Взгляните на базовый пример маршрутизации.
Вы можете получить пример на « https://stackblitz.com/edit/angular-basic-routing-example ». Массив с именем appRoutes представляет собой массив объектов, описывающих маршруты и их компонент навигации, который взаимодействует с приложением, передавая RouterModule.forRoot() метод в массиве app.module.ts import @NgModule для настройки маршрутизатора для приложение.
Каждый объект маршрута с путём раскладывает URL path на компонентный ключ, отображающий соответствующий компонент, который должен быть загружен, вместе с упомянутым в нем представлением. В конце массива appRoutes дается компонент с маршрутом ** для перенаправления пользователя на 404page / PageNotFoundComponent в случае неправильной навигации по пути / URL-адресу, который находится вне досягаемости содержимого приложения.
Напомните, что нужно оставить это последним, иначе пользователь будет перенаправлен на PageNotFoundComponent, а другие маршруты ниже этого объекта не будут работать.
Библиотека маршрутов предоставляет директивуRouterOutlet, которая используется как компонент и как заполнитель, который отмечает место в шаблоне, где маршрутизатор должен отображать компоненты для этой розетки. Навигация работает так же, как переход от одного компонента к другому (от одного узла к другому).
Библиотека маршрутизатора также предоставляет функции для сбора различных событий и их экземпляров. В будущем мы узнаем, как использовать средства защиты авторизации на каналах маршрутизатора и создавать динамические ссылки маршрутизатора, которые изменяются в соответствии с требованиями, и многое другое.
