Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що робить ngStyle?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)Директива `[ngStyle]` в Angular, це **атрибутна директива**, яка дозволяє **динамічно змінювати CSS-стилі елемента** через об'єкт із ключами та значеннями. **Ключове:** `ngStyle` дозволяє змінювати окремі CSS-властивості елемента залежно від стану компонента, без використання класів.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)ЗображенняДиректива `[ngStyle]` в Angular, це **атрибутна директива**, яка дозволяє **динамічно змінювати CSS-стилі елемента** через об'єкт із ключами та значеннями. Принцип роботи: 1. `[ngStyle]` приймає об'єкт, де ключ, це ім'я CSS-властивості, значення, її значення. 2. Стилі застосовуються динамічно й оновлюються при зміні даних. Приклад: ```html <div [ngStyle]="{'color': textColor, 'font-size.px': fontSize}"> Динамічний стиль </div> ``` ```typescript textColor = 'red'; fontSize = 20; ``` > Висновок: `ngStyle` дозволяє **змінювати окремі CSS-властивості елемента залежно від стану компонента**, без використання класів.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.