Що робить декоратор @Directive()?

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

Декоратор @Directive() в Angular вказує, що клас є директивою, і задає її метадані.

Основні можливості:

selector - ім'я атрибута, елемента або класу, через яке директива застосовується до DOM-елемента.
Визначає поведінку директиви: її взаємодію з елементом, слухачів подій, стилі тощо.
Дозволяє впроваджувати залежності через конструктор (ElementRef, Renderer2, сервіси).

Приклад:

typescript

import { Directive, ElementRef, Renderer2 } from '@angular/core';

@Directive({
  selector: '[appHighlight]'
})
export class HighlightDirective {
  constructor(el: ElementRef, renderer: Renderer2) {
    renderer.setStyle(el.nativeElement, 'background-color', 'yellow');
  }
}

Висновок: @Directive() повідомляє Angular, що клас буде розширювати або змінювати поведінку елементів DOM.

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

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

Premium

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