Questo articolo è un articolo speculare di traduzione automatica, clicca qui per saltare all'articolo originale.

Architect_Programmer_Code Rete Agricola»Architetto › Progettazione front-end e web › Telaio frontale › Eventi di cambio di routing del router serie Angular 18 (21) ...
Vista: 2462|Risposta: 0

[Angolare] Eventi di modifica del routing del router Angular 18 Series (21)

[Copiato link]
Pubblicato su 05/08/2024 14:11:09 | | | |
Requisiti: Rilevare cambiamenti nei percorsi di Route Angolari, attivare il menu nella barra di navigazione e modificare dinamicamente il titolo della pagina web inserendo Title quando il percorso viene caricato.

Per farlo, creeremo un semplice componente App e iniettiremo il suo Router nel costruttore:

Tali RouterEvents fungono da classe base (in ordine alfabetico) per questi eventi correlati al router:

  • GuardieCheckEnd
  • GuardsCheckStart
  • NavigazioneAnnulla
  • NavigationEnd
  • Errore di navigazione
  • NavigazioneSaltata
  • NavigationStart
  • ResolveEnd
  • ResolveStart
  • ItinerariRiconosciuti


Riferimento:Il login del link ipertestuale è visibile.

L'elenco sopra delle categorie è un possibile risultato che il tuo router potrebbe emettere. Ad esempio, se un utente inizia a navigare verso una nuova vista, verranno chiamati gli eventi NavigationStart e NavigationEnd.

Per ottenere queste informazioni (e altre), possiamo iscriverci all'evento router.events con il seguente codice:

Filtrando gli eventi per condizione se, il codice è il seguente:

Se vuoi un solo evento, ad esempio NavigationEnd, possiamo filtrare() portare e trasferire un osservabile da RxJS in modo che venga emesso solo su eventi specifici:

Modifica il codice del titolo della pagina:


Quando clicchi sul menu per cambiare percorso, il rendering è il seguente:



(Fine)





Precedente:Le variabili ambientali della serie angolare 18 (venti) sono utilizzate dagli ambienti
Prossimo:Risultati della query da riga di comando MySQL restituiscono ? Punto interrogativo

Post correlati
Disconoscimento:
Tutto il software, i materiali di programmazione o gli articoli pubblicati dalla Code Farmer Network sono destinati esclusivamente all'apprendimento e alla ricerca; I contenuti sopra elencati non devono essere utilizzati per scopi commerciali o illegali, altrimenti gli utenti dovranno sostenere tutte le conseguenze. Le informazioni su questo sito provengono da Internet, e le controversie sul copyright non hanno nulla a che fare con questo sito. Devi eliminare completamente i contenuti sopra elencati dal tuo computer entro 24 ore dal download. Se ti piace il programma, ti preghiamo di supportare software autentico, acquistare la registrazione e ottenere servizi autentici migliori. In caso di violazione, vi preghiamo di contattarci via email.
Mail To:help@itsvse.com