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
Paginare i risultati con QuickGrid in Blazor
Utilizzare politiche di resiliency con Azure Container App
Generare token per autenicarsi sulle API di GitHub
Ottimizzare la latenza in Blazor 8 tramite InteractiveAuto render mode
Modificare i metadati nell'head dell'HTML di una Blazor Web App
Miglioramenti nelle performance di Angular 16
Ottimizzazione dei block template in Angular 17
Gestire liste di tipi semplici con Entity Framework Core
Filtrare e rimuovere gli elementi dalla cache del browser tramite le API JavaScript
Effettuare lo stream della risposta in ASP.NET Core tramite IAsyncEnumerable
Gestire i null nelle reactive form tipizzate di Angular
Short-circuiting della Pipeline in ASP.NET Core
I più letti di oggi
- Microsoft annuncia Windows "TrustBridge"
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- Estrarre dati randomici da una lista di oggetti in C#
- Usare il colore CSS per migliorare lo stile della pagina
- Una attached property per accedere a NavigationService da ViewModel in Silverlight 4.0