Що таке структурна директива?

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

Структурна директива в Angular, це директива, яка змінює структуру DOM, додаючи, видаляючи або повторюючи елементи.

Особливості:

Зазвичай застосовується зі зірочкою (*) у шаблоні, наприклад *ngIf або *ngFor.
Керує наявністю або кількістю елементів у DOM, а не лише їхніми стилями чи поведінкою.
Використовується для умовного відображення, циклів або перемикання шаблонів.

Приклади:

html

<p *ngIf="isVisible">Цей текст відображається лише якщо isVisible = true</p>

<ul>
  <li *ngFor="let item of items">{{ item }}</li>
</ul>

Висновок: структурні директиви керують самою структурою HTML, вирішуючи, які елементи мають бути додані або видалені з DOM.

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

Premium

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