Уроки Angular

7 уроков
Консультации
#7 - Маршрутизация в приложении и завершение

#7 - Маршрутизация в приложении и завершение

Маршрутизация в Angular позволяет отслеживать различные URL адреса и отображать нужный компонент для каждой страницы. В уроке вы научитесь работать с модулем Routes, а также мы создадите полноценную навигацию на сайте.

Видеоурок

Для создания маршрутизации необходимо использовать модуль «Routes», который отвечает за отслеживание URL адресов и отображение нужных компонентов.


Все что необходимо сделать, так это создать массив appRoutes и указать отслеживание различных URL. При попадании на какой-либо URL пользователю будет выводиться соответсвующий компонент.

const appRoutes: Routes = [
 	{path: '', component:CarComponent},
 	{path: 'about', component:KontaktiComponent}
]

Для создания ссылок в Angular используются относительные пути. Чтобы их прописать необходимо использовать функцию routeLink и указать в ней значение нужной страницы.

Исходный код

Весь код будет доступен после подписки на проект!

Задание к уроку

Необходимо оформить подписку на проект, чтобы получить доступ ко всем домашним заданиям

Большое задание по курсу

Вам необходимо оформить подписку на сайте, чтобы иметь доступ ко всем большим заданиям. В задание входит методика решения, а также готовый проект с ответом к заданию.
PS: подобные задания доступны при подписке от 1 месяца

Также стоит посмотреть

Изучение стека MEAN: MongoDB, Express, Angular и Node JS
10 уроков
Комментарии для сайта Cackle