Nello script #199 abbiamo visto come il router sia necessario in angular per definire le rotte delle pagine che andiamo a navigare. Questo componente permette non solo la creazione di rotte, ma espone anche eventi relativi alla navigazione ai quali sottoscriversi. Gli eventi in questione sono:
- NavigationStart: scatenato quando inizia la navigazione;
- NavigationEnd: scatenato quando la navigazione termina;
- NavigationCancel: scatenato quando la navigazione viene annullata;
- NavigationError: scatenato quando c'è un erore di navigazione.
Per agganciarsi a questi eventi dobbiamo sottoscriverci alle notifiche scatenate dalla proprietà events del router. Il metodo che riceve le notifiche riceve in input un oggetto di tipo RouterEvent che è la classe base dei tipi di evento scatenati dal router. Possiamo usare l'oggetto come mostrato nel seguente esempio:
this._router.events.subscribe(this.interceptNavigation); ... interceptNavigation(event: RouterEvent){ if (event instanceof NavigationStart) { console.log('start'); } if (event instanceof NavigationEnd) { console.log('end'); } if (event instanceof NavigationCancel) { console.log('cancel'); } if (event instanceof NavigationError) { console.log('error'); } }
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Utilizzare le Cache API di JavaScript per salvare elementi nella cache del browser
Ottenere il contenuto di una cartella FTP con la libreria FluentFTP
Recuperare un elemento inserito nella cache del browser tramite API JavaScript
Aggiungere interattività lato server in Blazor 8
Utilizzare Tailwind CSS all'interno di React: primi componenti
Gestire i null nelle reactive form tipizzate di Angular
Creazione di componenti personalizzati in React.js con Tailwind CSS
Utilizzare un service principal per accedere a Azure Container Registry
Utilizzare i primary constructor in C#
Gestire liste di tipi semplici con Entity Framework Core
Utilizzare Tailwind CSS all'interno di React: installazione
Implementare il throttling in ASP.NET Core
I più letti di oggi
- Ottimizzare le performance delle collection con le classi FrozenSet e FrozenDictionary
- ASP.NET 3.5 per tutti
- .NET Conference Italia 2023 - Milano e Online
- Sblocca le performance della tua applicazione con .NET 8
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!