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