Уроки Angular

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

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

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

Видеоурок

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


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

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

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


Программа обучения

Также хотим отметить, что если вас интересует полное построения веб проектов при помощи технологии Node JS, то предлагаем вашему внимаю наш полный курс по изучению Node JS и сопутствующих технологий.


В ходе огромной программы обучения вы изучите процесс разработки клиентской и серверной части сайта. За программу вы научитесь работать с Node JS, базами данных MongoDB, изучите работу с библиотекой Vue JS, научитесь прописывать весь пользовательский интерфейс и главное научитесь создавать полноценные проекты с клиентской и серверной частью.


Исходный код

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

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

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

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

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

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

Изучение стека MEAN: MongoDB, Express, Angular и Node JS
10 уроков
Комментарии
Добавить комментарий

Пока комментариев нет