Skip to main content

Що таке контекст шаблону?

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

В 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 дозволяє шаблону використовувати типове значення без явного імені змінної.
  1. Локальні змінні через let-:
  • У шаблоні можна оголосити змінні:
html
<ng-template let-item="product"> <p>{{ item.name }}</p> </ng-template>
  • item всередині шаблону бере значення з властивості product об'єкта контексту.
  1. Універсальність:
  • Контекст робить шаблон придатним для повторного використання, дозволяючи підставляти різні дані під час кожного рендеру.

Іншими словами, контекст шаблону - це «оточення даних», яке Angular підставляє в шаблон для роботи локальних змінних та динамічного відображення.

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

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

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

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