Nello script #145 abbiamo visto come usare la direttiva ng-if per creare o meno un oggetto nel DOM della pagina. Le direttive ng-show e ng-hide permettono di mostrare o nascondere un oggetto ma con una sostanziale differenza rispetto alla direttiva ng-if: mentre ng-if genera o meno un oggetto, ng-show e ng-hide rispettivamente mostrano o nascondono un oggetto che già esiste nel DOM.
<div ng-show="isVisible">visibile</div> <div ng-show="isHidden">nascosto</div>
I due div dell'esempio sono sempre presenti nel DOM, ma il primo è visibile solo quando la proprietà in binding isVisible è true, mentre il nascosto solo quando la proprietà isHidden è true.
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
Sfruttare al massimo i topic space di Event Grid MQTT
Usare Refit e Polly in Blazor per creare client affidabili e fortemente tipizzati
Effettuare il binding di date in Blazor
Accesso sicuro ai secrets attraverso i file in Azure Container Apps
Generare token per autenicarsi sulle API di GitHub
Sfruttare i KeyedService in un'applicazione Blazor in .NET 8
Gestire liste di tipi semplici con Entity Framework Core
Disabilitare automaticamente un workflow di GitHub (parte 2)
Utilizzare database e servizi con gli add-on di Container App
Effettuare il deploy di immagini solo da container registry approvati in Kubernetes
Miglioramenti agli screen reader e al contrasto in Angular