Acest articol este un articol oglindă al traducerii automate, vă rugăm să faceți clic aici pentru a sări la articolul original.

Architect_Programmer_Code Rețeaua Agricolă»Arhitect › Design front-end & web › Cadru frontal › Evenimente de schimbare a rutării routerului Angular seria 18 (21) ...
Vedere: 2462|Răspunde: 0

[Unghiular] Evenimente de schimbare a rutării routerului Angular seria 18 (21)

[Copiază linkul]
Postat pe 05.08.2024 14:11:09 | | | |
Cerințe: Detectează modificările rutelor Angular Route, comută meniul din bara de navigație și modifică dinamic titlul paginii web injectând Titlu când ruta este încărcată.

Pentru a face acest lucru, vom crea o componentă simplă de aplicație și vom injecta routerul său în constructor:

Astfel de RouterEvents servesc ca clasă de bază (în ordine alfabetică) pentru aceste evenimente legate de router:

  • GuardsCheckEnd
  • GuardsCheckStart
  • NavigationCancel
  • NavigationEnd
  • NavigationError
  • NavigareSărit
  • NavigationStart
  • ResolveEnd
  • ResolveStart
  • Rute Recunoscute


Referință:Autentificarea cu hyperlink este vizibilă.

Lista de categorii de mai sus este un rezultat potențial pe care routerul tău l-ar putea emite. De exemplu, dacă un utilizator începe să navigheze către o nouă vizualizare, evenimentele NavigationStart și NavigationEnd vor fi apelate.

Pentru a obține aceste informații (și altele), ne putem abona la evenimentul router.events cu următorul cod:

Filtrând evenimentele după condiția dacă, codul este următorul:

Dacă doriți doar un singur eveniment, de exemplu NavigationEnd, putem filtra() să aducem și să transferăm un observabil din RxJS astfel încât să fie emis doar pe evenimente specifice:

Modifică codul titlului paginii:


Când dai click pe meniu pentru a schimba ruta, randarea este următoarea:



(Sfârșit)





Precedent:Variabilele de mediu din seria unghiulară 18 (douăzeci) sunt folosite de medii
Următor:Rezultatele interogării MySQL din linia de comandă returnează ? Semn de întrebare

Postări conexe
Disclaimer:
Tot software-ul, materialele de programare sau articolele publicate de Code Farmer Network sunt destinate exclusiv scopurilor de învățare și cercetare; Conținutul de mai sus nu va fi folosit în scopuri comerciale sau ilegale, altfel utilizatorii vor suporta toate consecințele. Informațiile de pe acest site provin de pe Internet, iar disputele privind drepturile de autor nu au legătură cu acest site. Trebuie să ștergi complet conținutul de mai sus de pe calculatorul tău în termen de 24 de ore de la descărcare. Dacă îți place programul, te rugăm să susții software-ul autentic, să cumperi înregistrarea și să primești servicii autentice mai bune. Dacă există vreo încălcare, vă rugăm să ne contactați prin e-mail.
Mail To:help@itsvse.com