Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Яку роль відіграє декоратор @Component? Які основні поля є в декораторі @Component?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**Декоратор `@Component`** повідомляє Angular, що клас є компонентом, і задає метадані для його роботи: шаблон, стилі, селектор та інші параметри. **Ключове:** декоратор визначає, як Angular рендерить компонент, які залежності йому доступні і як він взаємодіє з DOM.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)Зображення**Декоратор** `@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.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.