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
Ordine e importanza per @layer in CSS
Usare le navigation property in QuickGrid di Blazor
Creare una libreria CSS universale: Clip-path
Utilizzare Azure AI Studio per testare i modelli AI
Utilizzare il metodo Index di LINQ per scorrere una lista sapendo anche l'indice dell'elemento
Bloccare l'esecuzione di un pod in mancanza di un'artifact attestation di GitHub
Anonimizzare i dati sensibili nei log di Azure Front Door
Utilizzare l nesting nativo dei CSS
Effettuare il log delle chiamate a function di GPT in ASP.NET Web API
Utilizzare il metodo ExceptBy per eseguire operazione di sottrazione tra liste
Gestire eccezioni nei plugin di Semantic Kernel in ASP.NET Core Web API
Triggerare una pipeline su un altro repository di Azure DevOps