Le direttive ng-if e ng-switch consentono facilmente di implementare logica condizionale all'interno del markup, evitando di dover predisporre apposite proprietà all'interno del controller.
ng-if
Grazie a questa direttiva, possiamo semplicemente visualizzare un tag quando l'espressione specificata è verificata:<label>Nome: <input type="text" ng-model="name" /></label> <div ng-if="!name">Devi inserire un nome</div>
L'espressione all'interno può essere una qualsiasi condizione e sono supportati anche gli operatori, come nell'esempio.
ng-switch
Un operatore di tipo switch serve quando abbiamo scelte multiple da dover seguire. Ecco un esempio:<div ng-switch="status"> <span ng-switch-when="confirmed">Confermato</span> <span ng-switch-when="canceled">Annullato</span> <span ng-switch-default>Non disponibile</span> </div>
Si può notare l'uso di ng-switch-default per inserire un comportamento di default, quando nessuno dei valori specificati da ng-switch-when dovesse essere soddisfatto.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Utilizzare database e servizi con gli add-on di Container App
Disabilitare automaticamente un workflow di GitHub (parte 2)
Implementare il throttling in ASP.NET Core
Utilizzare la versione generica di EntityTypeConfiguration in Entity Framework Core
Ottimizzare il mapping di liste di tipi semplici con Entity Framework Core
Creazione di plugin per Tailwind CSS: espandere le Funzionalità del Framework
Creare form tipizzati con Angular
Gestire errori funzionali tramite exception in ASP.NET Core Web API
Utilizzare la session affinity con Azure Container Apps
Sviluppare un'interfaccia utente in React con Tailwind CSS e Preline UI
Evitare il flickering dei componenti nel prerender di Blazor 8
Eseguire operazioni sui blob con Azure Storage Actions
I più letti di oggi
- Utilizzare il trigger SQL con le Azure Function
- Ottimizzare le performance delle collection con le classi FrozenSet e FrozenDictionary
- Come EF 8 ha ottimizzato le query che usano il metodo Contains
- .NET Conference Italia 2023 - Milano e Online
- Ottimizzazione dei block template in Angular 17
- Definire stili a livello di libreria in Angular