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.