Skip to main content

Що таке шаблонна змінна (#var)?

AngularJunior~1 хв читання
Запропонувати правку

В Angular шаблонна змінна (#var) - це спосіб створити локальне посилання на елемент DOM або компонент всередині шаблону, щоб використовувати його властивості та методи без передачі даних у компонент.

Основні моменти

  1. Синтаксис:
html
<input #usernameInput type="text"> <button (click)="logValue(usernameInput.value)">Показати</button>
  • #usernameInput - локальна змінна, що посилається на <input>.
  • Через неї можна звертатися до value, checked та інших властивостей елемента.
  1. Можна посилатися на дочірні компоненти або директиви:
html
<child-component #childRef></child-component> <button (click)="childRef.doSomething()">Викликати метод</button>
  • #childRef посилається на екземпляр компонента child-component.
  • Дозволяє викликати методи та отримувати доступ до публічних властивостей компонента.
  1. Область дії:
  • Шаблонна змінна видима лише в межах поточного шаблону, де вона оголошена.
  • Недоступна в TypeScript-коді компонента напряму (для цього є @ViewChild).

Іншими словами, #var - це локальне посилання на елемент або компонент всередині шаблону для прямої взаємодії з ним.

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

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

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

Запропонувати правку