Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що таке шаблонна змінна (#var)?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**Шаблонна змінна (`#var`)** в Angular - спосіб створити локальне посилання на елемент DOM або компонент всередині шаблону для використання його властивостей і методів. **Ключове:** `#var` видима лише в межах поточного шаблону і недоступна в TypeScript-коді компонента напряму (для цього є `@ViewChild`).Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)ЗображенняВ Angular **шаблонна змінна (**`#var`**)** - це спосіб **створити локальне посилання на елемент DOM або компонент всередині шаблону**, щоб використовувати його властивості та методи без передачі даних у компонент. ## Основні моменти 1. **Синтаксис**: ```html <input #usernameInput type="text"> <button (click)="logValue(usernameInput.value)">Показати</button> ``` - `#usernameInput` - локальна змінна, що посилається на `<input>`. - Через неї можна звертатися до `value`, `checked` та інших властивостей елемента. 2. **Можна посилатися на дочірні компоненти або директиви**: ```html <child-component #childRef></child-component> <button (click)="childRef.doSomething()">Викликати метод</button> ``` - `#childRef` посилається на екземпляр компонента `child-component`. - Дозволяє викликати методи та отримувати доступ до публічних властивостей компонента. 3. **Область дії**: - Шаблонна змінна видима **лише в межах поточного шаблону**, де вона оголошена. - Недоступна в TypeScript-коді компонента напряму (для цього є `@ViewChild`). Іншими словами, `#var` - це **локальне посилання на елемент або компонент всередині шаблону для прямої взаємодії з ним**.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.