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

Ключевая идея

Шаблон — HTML-разметка компонента плюс Angular-синтаксис: интерполяция, биндинги, директивы, pipes. Это декларативное описание view, связанное с классом компонента.

Где хранится

• template: \...`` — inline.
• templateUrl: './x.component.html' — внешний файл.

<section>
  <h2>{{ title() }}</h2>
  <button [disabled]="loading()" (click)="save()">Save</button>
  @if (error()) {
    <p class="err">{{ error() }}</p>
  }
</section>

Что умеет шаблон

Привязка свойств/событий, двусторонний [(ngModel)] (с Forms), структурный контроль DOM, content projection (ng-content), ссылки #ref. Компилятор Angular (Ivy) превращает шаблон в инструкции рендера и проверяет типы при strictTemplates.

Ограничения

Нельзя выполнять произвольный JS: только выражения/statements в рамках правил Angular. Нет <script> — это отрезано по безопасности. В modern Angular предпочтительны control flow @if/@for вместо *ngIf/*ngFor, но классический синтаксис всё ещё встречается в легаси. Шаблон должен оставаться читаемым: тяжёлую логику оставляйте в классе или computed.

Итог для интервью

Сформулируйте определение, приведите короткий пример кода и назовите типичную ошибку или отличие от соседнего API Angular. Этого обычно достаточно для уверенного middle-ответа и показывает, что вы связываете теорию с практикой проекта.