Събития за промяна на маршрутизацията на рутерите от серия Angular 18 (21)

Малък боклук · Публикувано в 5.08.2024 г. 14:11:09 ч.

Изисквания: Откривайте промени в маршрутите на ъглови маршрути, превключвайте менюто в навигационната лента и динамично променяйте заглавието на уеб страницата чрез въвеждане на Title при зареждане на маршрута.

За да постигнем това, ще създадем прост компонент на приложението и ще инжектираме неговия рутера в конструктора:

Входът е видим.

Такива RouterEvents служат като базов клас (в азбучен ред) за тези събития, свързани с рутера:

GuardsCheckEnd
GuardsCheckStart
Навигация Отмена
Навигационен край
Навигация Грешка
Навигация Пропусната
Навигация Старт
ResolveEnd
ResolveStart
МаршрутиРазпознати

Препратка:Входът към хиперлинк е видим.

Горният списък с категории е потенциален резултат, който вашият рутер може да излъчва. Например, ако потребител започне да навигира към нов изглед, ще бъдат извикани събитията NavigationStart и NavigationEnd.

За да получим тази информация (и още), можем да се абонираме за събитието router.events със следния код:

Входът е видим.

Филтриране на събития по условие if, кодът е следният:

Входът е видим.

Ако искате само едно събитие, например NavigationEnd, можем да филтрираме() да внесем и прехвърлим наблюдаем от RxJS, така че да се излъчва само при конкретни събития:

Входът е видим.

Променете кода на заглавието на страницата:

Входът е видим.

Когато кликнете върху менюто, за да смените маршрута, рендерирането е следното:

(Край)

[Ъглова] Събития за промяна на маршрутизацията на рутерите от серия Angular 18 (21)

Свързани публикации

Разгледани секции