Що робить директива ngIf?

AngularJunior~1 хв читання

Директива *ngIf в Angular, це структурна директива, яка умовно додає або видаляє елемент із DOM залежно від логічного виразу.

Принцип роботи:

Якщо умова істинна (true), Angular вставляє елемент у DOM.
Якщо умова хибна (false), елемент повністю видаляється з DOM.
Підтримує додаткове розгалуження через else.

Приклад:

html

<p *ngIf="isVisible">Цей текст відображається лише якщо isVisible = true</p>

<ng-template #elseBlock>
  <p>Текст при false</p>
</ng-template>

<p *ngIf="isVisible; else elseBlock">Умовний текст</p>

Висновок: *ngIf керує наявністю елементів у DOM, а не просто їх видимістю через CSS.

Коротка відповідь

Для співбесіди

Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.