Události změny směrování routeru u řady Angular 18 (21)

Malý hajzl · Zveřejněno 05.08.2024 14:11:09

Požadavky: Detekovat změny v trasách Angular Route, přepínat menu v navigačním panelu a dynamicky upravovat název webové stránky vložením názvu Title při načtení trasy.

K tomu vytvoříme jednoduchou komponentu aplikace a vložíme její router do konstruktoru:

Přihlášení je viditelné.

Takové RouterEvents slouží jako základní třída (v abecedním pořadí) pro tyto události související s routerem:

GuardsCheckEnd
StrážeKontrolaStart
NavigationCancel
NavigaceKonec
NavigationError
NavigacePřeskočeno
NavigaceStart
ResolveEnd
ResolveStart
TrasyRozpoznané

Odkaz:Přihlášení k hypertextovému odkazu je viditelné.

Výše uvedený seznam kategorií je možný výsledek, který může váš router vysílat. Například pokud uživatel začne přecházet do nového pohledu, budou vyvolány události NavigationStart a NavigationEnd.

Pro získání těchto informací (a dalších) se můžeme přihlásit k odběru události router.events pomocí následujícího kódu:

Přihlášení je viditelné.

Filtrujte události podle podmínky if, kód je následující:

Přihlášení je viditelné.

Pokud chcete pouze jednu událost, např. NavigationEnd, můžeme filtrovat() přinést a přenést pozorovatelnou proměnnou z RxJS tak, aby byla vysílána pouze při konkrétních událostech:

Přihlášení je viditelné.

Upravte kód názvu stránky:

Přihlášení je viditelné.

Když kliknete na menu pro přepnutí trasy, vykreslování je následující:

(Konec)

[Angular] Události změny směrování routeru u řady Angular 18 (21)

Související příspěvky

Prohlížené sekce