Utilizzare le direttive ng-show e ng-hide per mostrare o nascondere oggetti con AngularJS

di Stefano Mostarda, in HTML5, AngularJS,

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

Visualizza/aggiungi commenti

| Condividi su: Twitter, Facebook, LinkedIn

Per inserire un commento, devi avere un account.

Fai il login e torna a questa pagina, oppure registrati alla nostra community.

Approfondimenti

I più letti di oggi