Що робить ng-container?

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

<ng-container> в Angular - це невидимий контейнер у шаблоні, який не створює додатковий DOM-елемент, але дозволяє групувати елементи або застосовувати директиви.

Основні застосування:

Групування елементів без зайвого тега в DOM.
Використання структурних директив (*ngIf, *ngFor) на групі елементів.
Спрощення логіки шаблону без зміни структури HTML.

Приклад:

html

<ng-container *ngIf="isVisible">
  <p>Перший елемент</p>
  <p>Другий елемент</p>
</ng-container>

Висновок: якщо isVisible false, всередині <ng-container> нічого не рендериться, при цьому не додається зайвий <div> чи інший тег у DOM.

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

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

Premium

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