Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що робить @HostBinding()?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)Декоратор `@HostBinding()` в Angular дозволяє **зв'язувати властивості host-елемента** (DOM-елемента, до якого застосована директива чи компонент) із полями класу. **Ключове:** `@HostBinding()` дозволяє динамічно керувати властивостями, стилями чи класами host-елемента з коду директиви або компонента.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)ЗображенняДекоратор `@HostBinding()` в Angular дозволяє **зв'язувати властивості host-елемента** (DOM-елемента, до якого застосована директива чи компонент) із полями класу. Принцип роботи: 1. Вказує, яка властивість елемента буде прив'язана до значення поля класу (наприклад, `class`, `style`, `attr`). 2. Значення автоматично оновлюється при зміні властивості класу. Приклад: ```typescript import { Directive, HostBinding } from '@angular/core'; @Directive({ selector: '[appHighlight]' }) export class HighlightDirective { @HostBinding('style.backgroundColor') background = 'yellow'; } ``` ```html <p appHighlight>Текст із жовтим фоном</p> ``` > Висновок: `@HostBinding()` дозволяє **динамічно керувати властивостями, стилями чи класами host-елемента** з коду директиви або компонента.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.