Що робить ngClass?

AngularJunior~1 хв читання

Директива [ngClass] в Angular, це атрибутна директива, яка дозволяє динамічно додавати або видаляти CSS-класи на елементі залежно від виразів чи умов.

Принцип роботи:

[ngClass] приймає рядок, масив або об'єкт:

Рядок: одне чи кілька імен класів, розділених пробілами.
Масив: список класів.
Об'єкт: ключ - ім'я класу, значення - логічний вираз.

Приклади:

html

<!-- Рядок -->
<div [ngClass]="'class1 class2'">Текст</div>

<!-- Масив -->
<div [ngClass]="['class1', 'class2']">Текст</div>

<!-- Об'єкт -->
<div [ngClass]="{'active': isActive, 'highlight': isHighlighted}">
  Текст
</div>

Висновок: ngClass дозволяє керувати стилями через класи динамічно, без прямої зміни DOM чи стилів через Renderer2.

Коротка відповідь

Для співбесіди

Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.