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
Hosting di componenti WebAssembly in un'applicazione Blazor static
Assegnare un valore di default a un parametro di una lambda in C#
Miglioramenti agli screen reader e al contrasto in Angular
Determinare lo stato di un pod in Kubernetes
Eseguire operazioni con timeout in React
Effettuare chiamate con versioning da Blazor ad ASP.NET Core
Usare le collection expression per inizializzare una lista di oggetti in C#
Elencare le container images installate in un cluster di Kubernetes
Usare il versioning con i controller di ASP.NET Core Web API
Personalizzare l'errore del rate limiting middleware in ASP.NET Core
Utilizzare Tailwind CSS all'interno di React: installazione