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
Creare form tipizzati con Angular
Gestione degli environment per il deploy con un workflow di GitHub
Elencare le container images installate in un cluster di Kubernetes
Le novità di Angular: i miglioramenti alla CLI
Ricevere avvisi su metriche dei server Azure Arc
Determinare lo stato di un pod in Kubernetes
Sostituire la GitHub Action di login su private registry
Utilizzare Tailwind CSS all'interno di React: installazione
Utilizzare Tailwind CSS all'interno di React: primi componenti
Miglioramenti agli screen reader e al contrasto in Angular
Sfruttare al massimo i topic space di Event Grid MQTT
Inizializzare i container in Azure Container Apps