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
Reactive form tipizzati con modellazione del FormBuilder in Angular
Utilizzare la session affinity con Azure Container Apps
Gestire undefined e partial nelle reactive forms di Angular
Load test di ASP.NET Core con k6
Migrare una service connection a workload identity federation in Azure DevOps
Utilizzare la versione generica di EntityTypeConfiguration in Entity Framework Core
Gestire la cancellazione di una richiesta in streaming da Blazor
Utilizzare Tailwind CSS all'interno di React: primi componenti
Gestire i null nelle reactive form tipizzate di Angular
Miglioramenti nell'accessibilità con Angular CDK
Generare un hash con SHA-3 in .NET
Come migrare da una form non tipizzata a una form tipizzata in Angular