Ответ
Директивы в Angular — это специальные классы, которые добавляют дополнительное поведение к элементам DOM. Они позволяют манипулировать структурой, стилями или поведением элементов.
Типы директив:
- Компоненты — директивы с шаблоном (наиболее распространённые).
- Структурные — изменяют структуру DOM (например,
*ngIf,*ngFor). - Атрибутные — изменяют внешний вид или поведение элемента (например,
ngStyle,ngClass).
Пример атрибутной директивы:
@Directive({
selector: '[appHighlight]'
})
export class HighlightDirective {
constructor(el: ElementRef) {
el.nativeElement.style.backgroundColor = 'yellow';
}
}Использование:
<p appHighlight>Выделенный текст</p>