Що таке шаблон (template) в Angular?

В Angular шаблон (template) - це HTML-код компонента, який визначає структуру та зовнішній вигляд інтерфейсу, а також те, як дані компонента відображаються користувачу.

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

1. HTML + Angular-синтаксис - шаблон містить звичайний HTML та спеціальні Angular-конструкції: прив'язки даних ({{ }}), директиви (*ngIf, *ngFor, [ngClass]) та події ((click), (input)).
2. Зв'язок з компонентом - шаблон «підключений» до класу компонента через властивість template або templateUrl у декораторі @Component. Усі властивості та методи класу доступні в шаблоні.
3. Динамічне відображення - за допомогою прив'язок та директив шаблон може реагувати на зміни даних, показувати/приховувати елементи, змінювати стилі, повторювати списки тощо.
4. Локальна логіка відображення - шаблон керує лише візуальною частиною, бізнес-логіку слід тримати в класі компонента.

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