Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що робить <ng-container>?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**`<ng-container>`** в Angular - віртуальний контейнер, який не створює додаткового елемента в DOM, але дозволяє групувати елементи та застосовувати до них структурні директиви (`*ngIf`, `*ngFor` та ін.). **Ключове:** `<ng-container>` - це логічний контейнер для шаблонної розмітки, який не впливає на DOM, але дає Angular можливість застосовувати директиви та змінні на групу елементів.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)ЗображенняВ Angular `<ng-container>` - це **віртуальний контейнер**, який **не створює додаткового елемента в DOM**, але дозволяє групувати елементи та застосовувати до них структурні директиви (`*ngIf`, `*ngFor` та ін.). ## Основні моменти 1. **Немає власного рендерингу**: ```html <ng-container *ngIf="isVisible"> <p>Елемент 1</p> <p>Елемент 2</p> </ng-container> ``` - Якщо `isVisible = true`, обидва `<p>` відображаються. - У DOM **не створюється тег** `<ng-container>`, лише самі `<p>`. 2. **Групування з директивами**: - Дозволяє застосовувати директиву до декількох елементів одночасно. - Без `<ng-container>` довелося б обгортати їх у `<div>` чи інший тег, створюючи зайву структуру. 3. **Використовується з** `ng-template` **та локальними змінними**: ```html <ng-container *ngFor="let item of items"> <p>{{ item.name }}</p> </ng-container> ``` - Ітерація працює без додавання зайвого елемента-обгортки. Підсумовуючи: `<ng-container>` - це **логічний контейнер для шаблонної розмітки**, який **не впливає на DOM**, але дає Angular можливість застосовувати директиви та змінні на групу елементів.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.