Denna artikel är en spegelartikel om maskinöversättning, klicka här för att hoppa till originalartikeln.

Utsikt: 2462|Svar: 0

[Kantig] Angular 18-seriens (21) routerroutningsändringar

[Kopiera länk]
Publicerad på 2024-08-05 14:11:09 | | | |
Krav: Upptäcka förändringar i Angular Route-rutter, växla menyn i navigationsfältet och ändra dynamiskt webbsidans titel genom att injicera Title när rutten laddas.

För att göra detta skapar vi en enkel appkomponent och injicerar dess router i konstruktorn:

Sådana RouterEvents fungerar som basklass (i alfabetisk ordning) för dessa routerrelaterade händelser:

  • GuardsCheckEnd
  • GuardsCheckStart
  • NavigationAvbryt
  • NavigationEnd
  • NavigationError
  • NavigationHoppade över
  • NavigationStart
  • ResolveEnd
  • ResolveStart
  • Erkända rutter


Hänvisning:Inloggningen med hyperlänken är synlig.

Ovanstående lista över kategorier är ett potentiellt resultat som din router kan ge. Till exempel, om en användare börjar navigera till en ny vy, anropas händelserna NavigationStart och NavigationEnd.

För att få denna information (och mer) kan vi prenumerera på händelsen router.events med följande kod:

Filtrera händelser efter om villkoret, koden är följande:

Om du bara vill ha en händelse, t.ex. NavigationEnd, kan vi filtrera() hämta in och överföra en observabel från RxJS så att den bara sänds ut på specifika händelser:

Ändra sidtitelkoden:


När du klickar på menyn för att byta rutt ser renderingen ut som följer:



(Slut)





Föregående:Angular 18-serie (tjugo) miljövariabler används av miljöer
Nästa:MySQL-kommandoradsresultat returnerar ? frågetecken
Friskrivning:
All programvara, programmeringsmaterial eller artiklar som publiceras av Code Farmer Network är endast för lärande- och forskningsändamål; Ovanstående innehåll får inte användas för kommersiella eller olagliga ändamål, annars kommer användarna att bära alla konsekvenser. Informationen på denna sida kommer från internet, och upphovsrättstvister har inget med denna sida att göra. Du måste helt radera ovanstående innehåll från din dator inom 24 timmar efter nedladdning. Om du gillar programmet, vänligen stöd äkta programvara, köp registrering och få bättre äkta tjänster. Om det finns något intrång, vänligen kontakta oss via e-post.

Mail To:help@itsvse.com