Автор оригинала: Sadhana Reddy.
Маршрутизация
Угловой маршрутизатор – это мощный маршрутизатор JavaScript, построенный и поддерживаемый угловой сердечкой, которая может быть установлена из @ Угловой/роутер упаковка. Он обеспечивает полную библиотеку маршрутизации с возможностью иметь несколько розетки маршрутизатора, различные стратегии соответствия пути, легкий доступ к параметрам маршрута и маршруты для защиты компонентов от несанкционированного доступа.
Угловой маршрутизатор является основной частью угловой платформы. Это позволяет разработчикам создавать отдельные приложения с несколькими видами и разрешать навигацию между этими представлениями.
Маршрутизатор-розетка
Маршрутизатор-выход – это директива, доступная в библиотеке маршрутизатора, где маршрутизатор вставляет компонент, который соответствует сопоставлению на основе URL текущего браузера. Вы можете добавлять несколько розетков в вашем угловом приложении, что позволяет вам реализовать расширенные сценарии маршрутизации.
Для четкого понимания Создайте один угловой проект:
ng new Routing
создать один компонент
ng g c Logincomponent
Путь и компонент
Путь относится к части URL, которая определяет уникальный вид, который должен отображаться, и компонент относится к угловой компоненте, который должен быть связан с путем. Маршрутизатор способен перемещаться по пользователю на определенный вид.
Каждый маршрут отображает путь URL к компоненту.
Путь может быть пустым, что обозначает путь по умолчанию приложения, и это обычно начало приложения.
Путь может возникнуть подстановочный каркас (**). Маршрутизатор выберет этот маршрут, если запрашиваемый URL не соответствует никаким путям для определенных маршрутов. Это может быть использовано для отображения «не найденного страницы» просмотра или перенаправления на определенный вид, если совпадение не найдено.
Это пример маршрута:
{ path: ' ', component: LoginComponent' }
{ path: 'login', component: LoginComponent}
{ path: '**', component: LoginComponent }
Может быть также написан как:
{ path: 'login',pathMatch: 'prefix', component: LoginComponent}
Атрибут PatchMath указывает соответствующую стратегию. В этом случае это префикс, который является значением по умолчанию.
Вторая соответствующая стратегия полна. Когда он указан для маршрута, маршрутизатор проверит, будет ли путь точно равен пути текущего URL-адреса браузера:
{ path: 'login',pathMatch: 'full', component: LoginComponent}
Некоторые пользователи вручную вводят в разные типы ссылок. В этом сценарии мы можем перенаправлять на одну страницу. Например, пользователь пытается открыть страницу входа в систему, но он входит в http:/facebook.com/log. Если пользователь входит так, как это также мы можем перенаправить на страницу входа в систему.
{ path:'login', component:Logincomponent },
{ path: 'log' ,redirectTo:'login' patchmatch:'full' }
Это основные вещи, которые нужно знать о маршрутизации. Практиковать больше, чтобы получить хорошие знания.
Спасибо