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
Usare i generics di C# con la clausola nameof in modo semplificato
Usare il metodo nameof con un tipo generico in C# 14
Logica Graceful Degradation in HTML e CSS
Ciclo di vita risorse con .NET Aspire
Integrare LLM alle nostre applicazioni in .NET con MCP
Il nuovo persistent state in Blazor
Utilizzare il top layer in HTML
Gestire gli errori nelle Promise JavaScript con try()
Realizzare un accordion con gli elementi HTML details e summary
Dallo sviluppo locale ad Azure con .NET Aspire
Stop Building Chatbots. Build a team
Interagire con Azure DevOps tramite MCP Server


