https://dokuwiki.webmastermsk.ru/ 2026-08-12T14:52:29+0000 https://dokuwiki.webmastermsk.ru/ https://dokuwiki.webmastermsk.ru/lib/tpl/dokuwiki/images/favicon.ico text/html 2023-01-12T09:18:09+0000 Anonymous (anonymous@undisclosed.example.com) https://dokuwiki.webmastermsk.ru/doku.php?id=angular:angular2:routing:dochernie_marshruty&rev=1673515089&do=diff Дочерние маршруты В прошлых темах рассматривалась работа с обычными маршрутами. То есть система маршрутизации выбирает один из компонентов на основе url и помещает его в главный компонент AppComponent. Но что если выбранный компонент сам должен принимать в качестве внутреннего содержимого какой-то другой компонент в зависимости от запроса. В этому случае нам надо использовать дочерние маршруты (child route).… text/html 2023-01-12T09:18:09+0000 Anonymous (anonymous@undisclosed.example.com) https://dokuwiki.webmastermsk.ru/doku.php?id=angular:angular2:routing:guards&rev=1673515089&do=diff Guards Guards позволяют ограничить навигацию по определенным маршрутам. Например, если для доступа к определенному ресурсу требуется наличие аутентификации или наличие каких-то других условий, в зависимости от которых мы можем предоставить пользователю доступ, а можем и не предоставить. То есть guards защищают доступ к ресурсу, собственно поэтому данные элементы и названы так:… text/html 2023-01-12T09:18:09+0000 Anonymous (anonymous@undisclosed.example.com) https://dokuwiki.webmastermsk.ru/doku.php?id=angular:angular2:routing:opredelenie_marshrutov&rev=1673515089&do=diff Определение маршрутов Маршрутизация позволяет сопоставлять запросы к приложению с определенными ресурсами внутри приложения. Ключевым для работы маршрутизации является модуль RouterModule, который располагается в пакете @angular/router. Поэтому при работе с маршрутизацией этот пакет должен быть указан в списке зависимостей в файле package.json:… text/html 2023-01-12T09:18:09+0000 Anonymous (anonymous@undisclosed.example.com) https://dokuwiki.webmastermsk.ru/doku.php?id=angular:angular2:routing:parametry_marshruta&rev=1673515089&do=diff Параметры маршрута Маршруты могут определять параметры, через которые мы можем передавать компоненту какие-то данные извне. Для примера возьмем проект из прошлой темы: text/html 2023-01-12T09:18:09+0000 Anonymous (anonymous@undisclosed.example.com) https://dokuwiki.webmastermsk.ru/doku.php?id=angular:angular2:routing:parametry_stroki_zaprosa&rev=1673515089&do=diff Параметры строки запроса Кроме параметров маршрута в запросе могут передаваться параметры строки запроса. Например, в запросе <http://localhost:3000/item?product=phone&price=200> часть product=phone&price=200 будет представлять параметры запроса - product и price. Такие параметры помещаются в конце адреса после вопросительного знака и разделяются амперсандом.… text/html 2023-01-12T09:18:09+0000 Anonymous (anonymous@undisclosed.example.com) https://dokuwiki.webmastermsk.ru/doku.php?id=angular:angular2:routing:programmnaja_navigacija&rev=1673515089&do=diff Программная навигация Мы можем переходить по ресурсам внутри приложения с помощью ссылок. Но также Angular поддерживает программную навигацию. То есть программным образом из любого места приложения мы можем перейти к любому ресурсу. Для этого применяется сервис text/html 2023-01-12T09:18:09+0000 Anonymous (anonymous@undisclosed.example.com) https://dokuwiki.webmastermsk.ru/doku.php?id=angular:angular2:routing:sozdanie_ssylok&rev=1673515089&do=diff Создание ссылок Для удобного перехода между различными частями приложения, как правило, применяется система навигации, состоящая из ссылок. К примеру, возьмем проект из прошлой темы и добавим в него навигацию. В этом проекте есть два компонента HomeComponent и AboutComponent, которые обрабатывают различные запросы и результат обработки которых вставляется в шаблон главного компонента - класса AppComponent.…