Denne artikkelen er en speilartikkel om maskinoversettelse, vennligst klikk her for å hoppe til originalartikkelen.

Architect_Programmer_Code Landbruksnettverket»Arkitekt › Front-end design og web › Frontramme › Angular 18-serien (21) ruterruter og endringshendelser ...
Utsikt: 2462|Svare: 0

[Kantet] Angular 18-serie (21) ruter-rutingsendringshendelser

[Kopier lenke]
Publisert på 05.08.2024 14:11:09 | | | |
Krav: Oppdage endringer i Angular Route-ruter, slå av menyen i navigasjonslinjen, og endre tittelen på nettsiden dynamisk ved å injisere Tittel når ruten lastes inn.

For å gjøre dette lager vi en enkel App-komponent og injiserer ruteren dens i konstruktøren:

Slike RouterEvents fungerer som basisklassen (i alfabetisk rekkefølge) for disse ruterrelaterte hendelsene:

  • GuardsCheckEnd
  • GuardsCheckStart
  • NavigasjonAvbryt
  • NavigationEnd
  • NavigationError
  • NavigasjonHoppet over
  • NavigasjonStart
  • ResolveEnd
  • ResolveStart
  • Anerkjente ruter


Referanse:Innloggingen med hyperkoblingen er synlig.

Listen over kategorier er et potensielt resultat som ruteren din kan utløse. For eksempel, hvis en bruker begynner å navigere til en ny visning, vil hendelsene NavigationStart og NavigationEnd bli kalt.

For å få denne informasjonen (og mer) kan vi abonnere på router.events-hendelsen med følgende kode:

Filtrer hendelser etter hvis betingelse, koden er som følger:

Hvis du bare vil ha én hendelse, f.eks. NavigationEnd, kan vi filtrere() hente inn og overføre en observabel fra RxJS slik at den kun sendes ut på spesifikke hendelser:

Endre sidetittelkoden:


Når du klikker på menyen for å bytte rute, er gjengivelsen som følger:



(Slutt)





Foregående:Angular 18-serie (tjue) miljøvariabler brukes av miljøer
Neste:MySQL kommandolinjespørringsresultater returnerer ? spørsmålstegn

Relaterte innlegg
Ansvarsfraskrivelse:
All programvare, programmeringsmateriell eller artikler publisert av Code Farmer Network er kun for lærings- og forskningsformål; Innholdet ovenfor skal ikke brukes til kommersielle eller ulovlige formål, ellers skal brukerne bære alle konsekvenser. Informasjonen på dette nettstedet kommer fra Internett, og opphavsrettstvister har ingenting med dette nettstedet å gjøre. Du må fullstendig slette innholdet ovenfor fra datamaskinen din innen 24 timer etter nedlasting. Hvis du liker programmet, vennligst støtt ekte programvare, kjøp registrering, og få bedre ekte tjenester. Hvis det foreligger noen krenkelse, vennligst kontakt oss på e-post.
Mail To:help@itsvse.com