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
Gestire il colore CSS con HWB
Change tracking e composition in Entity Framework
Generare un hash con SHA-3 in .NET
Utilizzare un numero per gestire la concorrenza ottimistica con SQL Server ed Entity Framework
Generare la software bill of material (SBOM) in GitHub
Effettuare il binding di date in Blazor
Referenziare un @layer più alto in CSS
Installare le Web App site extension tramite una pipeline di Azure DevOps
Configurare il nome della run di un workflow di GitHub in base al contesto di esecuzione
Sfruttare al massimo i topic space di Event Grid MQTT
Ordinare randomicamente una lista in C#
Usare le navigation property in QuickGrid di Blazor
I più letti di oggi
- Utilizzare AAD su SQL Database durante lo sviluppo con Visual Studio
- Utilizzare il TransferControl in Windows Phone
- Gestione dei token negli input di testo con la Universal Windows Platform
- Dare temporaneamente accesso ad un blob di Azure Storage
- Impostare le policy CORS con Azure API Management
- Utilizzare database e servizi con gli add-on di Container App
- Utilizzare HttpModule in modalità asincrona
- Indicizzare i Blob Storage con Azure Search
- Creazione di StateTrigger personalizzati in Universal Windows Platform
- Modificare i criteri della clausola Where del LinqDataSource di ASP.NET