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
Loggare le query più lente con Entity Framework
Utilizzare Azure Cosmos DB con i vettori
.NET Aspire per applicazioni distribuite
Ordine e importanza per @layer in CSS
Utilizzare gRPC su App Service di Azure
Migliorare la scalabilità delle Azure Function con il Flex Consumption
Selettore CSS :has() e i suoi casi d'uso avanzati
Creare una custom property in GitHub
Gestire i dati con Azure Cosmos DB Data Explorer
Utilizzare una qualunque lista per i parametri di tipo params in C#
Generare la software bill of material (SBOM) in GitHub
Eseguire query per recuperare il padre di un record che sfrutta il tipo HierarchyID in Entity Framework