Що робить зірочка (*) перед директивою?

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

Зірочка * перед директивою в Angular позначає структурну директиву і слугує синтаксичним цукром для створення <ng-template> навколо елемента.

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

Angular інтерпретує *directive як обгортку <ng-template> і вставляє елемент усередину.
Це дозволяє директиві керувати структурою DOM: додавати, видаляти або повторювати елементи.

Приклад:

html

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

Еквівалент без зірочки:

html

<ng-template [ngIf]="isVisible">
  <p>Текст відображається лише якщо isVisible = true</p>
</ng-template>

Висновок: * спрощує запис структурних директив і автоматично створює <ng-template> для керування DOM.

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

Premium

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