Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що таке атрибутна директива?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**Атрибутна директива** в Angular, це директива, яка **змінює зовнішній вигляд або поведінку наявного елемента**, не створюючи і не видаляючи його в DOM. **Ключове:** атрибутні директиви дозволяють змінювати властивості та поведінку елементів без їх видалення чи створення.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)Зображення**Атрибутна директива** в Angular, це директива, яка **змінює зовнішній вигляд або поведінку наявного елемента**, не створюючи і не видаляючи його в DOM. ## Особливості 1. Застосовується як **атрибут HTML-тега**, наприклад `[ngClass]` або `[ngStyle]`. 2. Керує стилями, класами, подіями або іншими властивостями елемента. 3. Не впливає на структуру 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> ``` > Висновок: атрибутні директиви дозволяють **змінювати властивості та поведінку елементів** без їх видалення чи створення.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.