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
Generare velocemente pagine CRUD in Blazor con QuickGrid
Creare una libreria CSS universale: Clip-path
Migliorare l'organizzazione delle risorse con Azure Policy
Effettuare il log delle chiamate a function di GPT in ASP.NET Web API
Supportare lo HierarchyID di Sql Server in Entity Framework 8
Recuperare l'ultima versione di una release di GitHub
Sfruttare GPT-4o realtime su Azure Open AI per conversazioni vocali
Ordinare randomicamente una lista in C#
Creare una libreria CSS universale: Nav menu
Filtrare i dati di una QuickGrid in Blazor con una drop down list
Applicare un filtro per recuperare alcune issue di GitHub
Generare un hash con SHA-3 in .NET
I più letti di oggi
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- Utilizzare il pattern matching per semplificare le espressioni
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- Utilizzare requestAnimationFrame per animazioni fluide