В этом разделе основное внимание будет уделено событиям, поддерживаемым маршрутизатором в Angular. Итак, предполагается, что вы уже знакомы с маршрутизацией Angular и ее работой. Начнем с краткого описания «Роутер-розетка».
Router-outlet в angular действует как заполнитель, который позволяет пользователю динамически загружать компоненты в зависимости от текущего состояния маршрута.
Синтаксис:
‹router-outlet› ‹/router-outlet›
Селектор выхода маршрутизатора активируется, как только вы включаете маршрутизацию в своем приложении, т.е. вам нужно импортировать «Модуль маршрутизатора» в «Модуль приложения».
Он предлагает некоторые встроенные свойства, которые иногда могут пригодиться. Ниже приведены свойства, предоставляемые роутером-розеткой:
- / @ Вывод («активировать»)
- / @ Вывод («деактивировать»)
- isActivated
- компонент
- activeRoute
- activeRouteData
Итак, роутер-розетка предлагает в основном два наиболее важных события.
Активировать - издает при запуске какого-либо компонента.
Деактивировать - излучает при разрушении какого-либо компонента.
Одним из вариантов использования события «активировать» является то, что вы можете динамически и условно установить свойство компонента из его родительского компонента. Допустим, есть дочерний компонент, который отображается через «маршрутизатор-выход» из «компонента-приложения», и вам нужно установить некоторые из его свойств, указанных в «компонент-приложение», чтобы вы могли использовать событие «активировать» для выполнения так.
Если вам нужно увидеть код в действии, перейдите по этой ссылке на GitHub.
Это все для этого раздела.
Если вам это нравится, поделитесь им с друзьями и нажмите ❤️. Не стесняйтесь комментировать, если хотите поделиться или обсудить больше по этому поводу.