Dit artikel is een spiegelartikel van machinevertaling, klik hier om naar het oorspronkelijke artikel te gaan.

Architect_Programmer_Code Landbouwnetwerk»Architect › Front-end ontwerp & web › Voorframeframe › Angular 18 Series (21) routerrouteringswijzigingen ...
Bekijken: 2462|Antwoord: 0

[Angular] Angular 18 Series (21) routerrouterveranderingsgebeurtenissen

[Link kopiëren]
Geplaatst op 05-08-2024 14:11:09 | | | |
Vereisten: Wijzigingen in Angular Route-routes detecteren, het menu in de navigatiebalk aan- en uitwisselend de titel van de webpagina dynamisch wijzigen door Titel te injecteren wanneer de route wordt geladen.

Om dit te doen, maken we een eenvoudige App-component en injecteren we de router ervan in de constructor:

Dergelijke RouterEvents dienen als de basisklasse (in alfabetische volgorde) voor deze routergerelateerde gebeurtenissen:

  • GuardsCheckEnd
  • GuardsCheckStart
  • NavigatieAnnuleren
  • NavigationEnd
  • NavigationError
  • NavigatieSkipSkipped
  • NavigatieStart
  • ResolveEnd
  • ResolveStart
  • Herkende routes


Referentie:De hyperlink-login is zichtbaar.

De bovenstaande lijst met categorieën is een mogelijk resultaat dat je router kan veroorzaken. Als een gebruiker bijvoorbeeld naar een nieuwe weergave navigeert, worden de gebeurtenissen NavigationStart en NavigationEnd aangeroepen.

Om deze informatie (en meer) te krijgen, kunnen we ons abonneren op het evenement router.events met de volgende code:

Filter gebeurtenissen op voorwaarde als de code:

Als je maar één event wilt, bijvoorbeeld NavigationEnd, kunnen we filter() een observable binnenhalen en overdragen uit RxJS zodat deze alleen bij specifieke events wordt uitgezonden:

Pas de paginatitelcode aan:


Wanneer je op het menu klikt om van route te wisselen, ziet de weergave er als volgt uit:



(Einde)





Vorig:Hoekige 18-reeks (twintig) omgevingsvariabelen worden gebruikt door omgevingen
Volgend:Resultaten van MySQL-commandoregelquerys geven terug? vraagteken

Gerelateerde berichten
Disclaimer:
Alle software, programmeermaterialen of artikelen die door Code Farmer Network worden gepubliceerd, zijn uitsluitend bedoeld voor leer- en onderzoeksdoeleinden; De bovenstaande inhoud mag niet worden gebruikt voor commerciële of illegale doeleinden, anders dragen gebruikers alle gevolgen. De informatie op deze site komt van het internet, en auteursrechtconflicten hebben niets met deze site te maken. Je moet bovenstaande inhoud volledig van je computer verwijderen binnen 24 uur na het downloaden. Als je het programma leuk vindt, steun dan de echte software, koop registratie en krijg betere echte diensten. Als er sprake is van een inbreuk, neem dan contact met ons op via e-mail.
Mail To:help@itsvse.com