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
Usare i settings di serializzazione/deserializzazione di System.Text.Json di ASP.NET all'interno di un'applicazione non web
Ottimizzazione dei block template in Angular 17
Utilizzare la funzione EF.Parameter per forzare la parametrizzazione di una costante con Entity Framework
Utilizzare Azure Cosmos DB con i vettori
Garantire la provenienza e l'integrità degli artefatti prodotti su GitHub
Proteggere le risorse Azure con private link e private endpoints
Il nuovo controllo Range di Blazor 9
Gestire eccezioni nei plugin di Semantic Kernel in ASP.NET Core Web API
Utilizzare Azure AI Studio per testare i modelli AI
Supportare lo HierarchyID di Sql Server in Entity Framework 8
Eseguire script pre e post esecuzione di un workflow di GitHub
Utilizzare il metodo CountBy di LINQ per semplificare raggruppamenti e i conteggi