Як оголосити компонент в Angular?

AngularJunior~1 хв читання

В 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>.

Коротка відповідь

Для співбесіди

Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.