Ogni applicazione dispone di un menu tramite il quale l'interfaccia permette all'utente di selezionare la funzionalità da utilizzare. Quando l'utente seleziona il link a una funzionalità, il sistema di routing di Angular cambia l'url e naviga verso il component. In genere, a seguito della selezione dell'utente, il link selezionato deve avere uno stile differente. Per permettere di aggiungere una classe CSS ad un link in base al routing dobbiamo utilizzare la direttiva routerLinkActive.
<a [routerLink]="['ordini']" routerLinkActive="active">Ordini</a>
In questo snippet specifichiamo che al link del link, si deve navigare verso la rotta "/ordini" e quando questo accade, al link deve essere aggiunta la classe CSS active.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Definire stili a livello di libreria in Angular
Code scanning e advanced security con Azure DevOps
Utilizzare le Cache API di JavaScript per salvare elementi nella cache del browser
Configurare dependabot per aggiornare le dipendenze di terze parti con GitHub Actions
Le novità di Angular: i miglioramenti alla CLI
Trasformare qualsiasi backend in un servizio GraphQL con Azure API Management
Reactive form tipizzati con modellazione del FormBuilder in Angular
Reactive form tipizzati con FormBuilder in Angular
Creare form tipizzati con Angular
Come migrare da una form non tipizzata a una form tipizzata in Angular
Implementare il throttling in ASP.NET Core
Utilizzare gli snapshot con Azure File shares