Що робить властивість selector у декораторі @Component?

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

Властивість selector у декораторі @Component задає ім'я HTML-тега, через яке компонент можна вставляти в шаблони інших компонентів.

Приклад:

typescript

@Component({
  selector: 'app-my-component',
  template: `<p>Привіт!</p>`
})
export class MyComponent {}

Тепер у будь-якому шаблоні можна використовувати:

html

<app-my-component></app-my-component>

Angular розпізнає цей тег і підставляє всередину нього шаблон і логіку компонента.

Висновок: selector - це точка входу компонента в DOM.

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

Premium

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