Quando si sviluppa la UI di un'applicazione, spesso capita di dover renderizzare o meno delle porzioni di UI a seconda del valore di un dato sia questo proveniente dal server, o dall'input dell'utente o da altre sorgenti. In Angular esiste la direttiva ngIf che copre esattamente questa necessità.
La direttiva ngIf accetta in input un valore booleano in base al quale decide se renderizzare o meno il tag a cui la direttiva è applicata come mostrato nel prossimo esempio.

<div *ngIf="show">
  contenuto del div
</div>

In questo caso, se la variabile show ha valore true, il div viene mostrato; se la variabile ha valore false, il div non viene proprio renderizzato sul client quindi non è nemmeno presente nel dom. Questo accade perchè la direttiva ngIf non agisce sulla visibilità del tag HTML, ma sulla sua renderizzazione.