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
Autenticarsi in modo sicuro su Azure tramite GitHub Actions
Reactive form tipizzati con modellazione del FormBuilder in Angular
Workflow di continuous deployment tramite pull request label in GitHub
Definire lo stile CSS in base alle dimensioni del container
Utilizzare gli snapshot con Azure File shares
Eseguire attività pianificate con Azure Container Jobs
Determinare lo stato di un pod in Kubernetes
Elencare le container images installate in un cluster di Kubernetes
Creazione di plugin per Tailwind CSS: espandere le funzionalità del framework dinamicamente
Utilizzare politiche di resiliency con Azure Container App
Miglioramenti nell'accessibilità con Angular CDK
Catturare la telemetria degli eventi di output cache in ASP.NET Core