Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що таке контекст шаблону?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**Контекст шаблону** в Angular - об'єкт, який містить дані та змінні, доступні всередині `ng-template` під час його рендерингу, через локальні змінні (`let-`) та `$implicit`. **Ключове:** контекст шаблону - це «оточення даних», яке Angular підставляє в шаблон для роботи локальних змінних та динамічного відображення.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)ЗображенняВ Angular **контекст шаблону** - це **об'єкт, який містить дані та змінні, доступні всередині** `ng-template` під час його рендерингу. Через контекст шаблон отримує значення для локальних змінних (`let-`) та `$implicit`. ## Основні моменти 1. **Передача даних у шаблон**: ```html <ng-template #tpl let-user> <p>{{ user.name }}</p> </ng-template> <ng-container *ngTemplateOutlet="tpl; context: { $implicit: currentUser }"></ng-container> ``` - `context` - об'єкт, який передає дані. - `$implicit` дозволяє шаблону використовувати типове значення без явного імені змінної. 2. **Локальні змінні через** `let-`: - У шаблоні можна оголосити змінні: ```html <ng-template let-item="product"> <p>{{ item.name }}</p> </ng-template> ``` - `item` всередині шаблону бере значення з властивості `product` об'єкта контексту. 3. **Універсальність**: - Контекст робить шаблон **придатним для повторного використання**, дозволяючи підставляти різні дані під час кожного рендеру. Іншими словами, **контекст шаблону - це «оточення даних»**, яке Angular підставляє в шаблон для роботи локальних змінних та динамічного відображення.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.