Що таке атрибутна директива?
Атрибутна директива в Angular, це директива, яка змінює зовнішній вигляд або поведінку наявного елемента, не створюючи і не видаляючи його в DOM.
Особливості
- Застосовується як атрибут HTML-тега, наприклад
[ngClass]або[ngStyle]. - Керує стилями, класами, подіями або іншими властивостями елемента.
- Не впливає на структуру DOM: елемент лишається на місці.
Приклад користувацької атрибутної директиви:
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');
}
}Використання в шаблоні:
html
<p appHighlight>Текст із жовтим фоном</p>Висновок: атрибутні директиви дозволяють змінювати властивості та поведінку елементів без їх видалення чи створення.
Коротка відповідь
Для співбесідиPremium
Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.