Tämä artikkeli on konekäännöksen peiliartikkeli, klikkaa tästä siirtyäksesi alkuperäiseen artikkeliin.

Architect_Programmer_Code Maatalousverkosto»Arkkitehti › Front-end-suunnittelu ja verkko › Etukehys › Angular 18 -sarjan (21) reitittimen reitityksen muutostapahtumat ...
Näkymä: 2462|Vastaus: 0

[Angular] Angular 18 -sarjan (21) reitittimen reitityksen muutostapahtumat

[Kopioi linkki]
Julkaistu 5.8.2024 14.11.09 | | | |
Vaatimukset: Tunnista muutokset Angular Route -reiteissä, vaihda valikko navigointipalkissa ja muokkaa dynaamisesti verkkosivun otsikkoa lisäämällä Otsikko reitin latauksen yhteydessä.

Tätä varten luomme yksinkertaisen sovelluskomponentin ja lisäämme sen reitittimen konstruktoriin:

Tällaiset reitittimetapahtumat toimivat näiden reitittimeen liittyvien tapahtumien perusluokkana (aakkosjärjestyksessä):

  • GuardsCheckEnd
  • VartijatCheckStart
  • NavigointiPeruuta
  • NavigationEnd
  • NavigationError
  • NavigointiSkipped
  • NavigointiAloita
  • ResolveEnd
  • ResolveStart
  • Tunnistetut reitit


Viittaus:Hyperlinkin kirjautuminen on näkyvissä.

Yllä oleva kategorialista on mahdollinen tulos, jonka reitittimesi saattaa aiheuttaa. Esimerkiksi, jos käyttäjä alkaa siirtyä uuteen näkymään, tapahtumat NavigationStart ja NavigationEnd kutsutaan.

Saadaksemme nämä tiedot (ja enemmän) voimme tilata router.events-tapahtuman seuraavalla koodilla:

Suodata tapahtumat ehtojen mukaan, koodi on seuraava:

Jos haluat vain yhden tapahtuman, esim. NavigationEndin, voimme suodattaa() tuoda ja siirtää havaittavan tiedoston RxJS:stä niin, että se lähetetään vain tietyissä tapahtumissa:

Muokkaa sivun otsikkokoodia:


Kun klikkaat valikkoa vaihtaaksesi reittiä, renderöinti on seuraava:



(Loppu)





Edellinen:Angular 18 -sarjan (kaksikymmentä) ympäristömuuttujia käytetään ympäristöissä
Seuraava:MySQL-komentorivikyselytulokset palautuvat? kysymysmerkki

Aiheeseen liittyvät julkaisut
Vastuuvapauslauseke:
Kaikki Code Farmer Networkin julkaisemat ohjelmistot, ohjelmamateriaalit tai artikkelit ovat tarkoitettu vain oppimis- ja tutkimustarkoituksiin; Yllä mainittua sisältöä ei saa käyttää kaupallisiin tai laittomiin tarkoituksiin, muuten käyttäjät joutuvat kantamaan kaikki seuraukset. Tämän sivuston tiedot ovat peräisin internetistä, eikä tekijänoikeuskiistat liity tähän sivustoon. Sinun tulee poistaa yllä oleva sisältö kokonaan tietokoneeltasi 24 tunnin kuluessa lataamisesta. Jos pidät ohjelmasta, tue aitoa ohjelmistoa, osta rekisteröityminen ja hanki parempia aitoja palveluita. Jos rikkomuksia ilmenee, ota meihin yhteyttä sähköpostitse.
Mail To:help@itsvse.com