Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Як оголосити компонент в Angular?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**Оголошення компонента** в Angular відбувається за допомогою декоратора `@Component` над класом, після чого компонент додають у масив `declarations` модуля (`NgModule`), щоб Angular його розпізнав. **Ключове:** після оголошення компонент можна використовувати в шаблонах через його тег, наприклад `<app-my-component></app-my-component>`.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)ЗображенняВ Angular компонент оголошується за допомогою **декоратора** `@Component` над класом. Найпростіший приклад: ```typescript import { Component } from '@angular/core'; @Component({ selector: 'app-my-component', // ім'я тега для використання в шаблоні templateUrl: './my-component.component.html', // шлях до HTML-шаблону styleUrls: ['./my-component.component.css'] // шлях до стилів }) export class MyComponent { title = 'Приклад компонента'; } ``` Після цього компонент потрібно **додати в масив** `declarations` модуля (`NgModule`), щоб Angular його розпізнав: ```typescript @NgModule({ declarations: [MyComponent], imports: [...], bootstrap: [AppComponent] }) export class AppModule { } ``` Тепер компонент можна використовувати в шаблонах через тег `<app-my-component></app-my-component>`.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.