Яку роль відіграє декоратор @Component? Які основні поля є в декораторі @Component?

Декоратор @Component повідомляє Angular, що клас є компонентом, і задає метадані для його роботи: шаблон, стилі, селектор та інші параметри. Він пов'язує логіку класу з поданням в інтерфейсі.

#Основні поля декоратора @Component

1. selector - ім'я тега, через яке компонент використовується в HTML, наприклад <app-my-component>.
2. templateUrl - шлях до зовнішнього HTML-шаблону компонента.
3. template - альтернативно: inline-шаблон у вигляді рядка замість файлу.
4. styleUrls - масив шляхів до файлів стилів (CSS/SCSS) для компонента.
5. styles - альтернативно: inline-стилі у вигляді рядків.
6. providers - сервіси, які будуть доступні лише цьому компоненту через dependency injection.
7. animations - анімації, застосовувані до компонента.
8. changeDetection - стратегія виявлення змін (Default чи OnPush).

Декоратор визначає, як Angular рендерить компонент, які залежності йому доступні і як він взаємодіє з DOM.