Skip to main content

Що таке директива в Angular?

AngularJunior~1 хв читання
Запропонувати правку

Директива в Angular, це клас, який змінює поведінку або зовнішній вигляд елементів DOM. Вона дозволяє додавати функціональність без створення нового компонента.

Типи директив

  1. Атрибутні (Attribute directives) - змінюють зовнішній вигляд або поведінку наявних елементів. Приклади: ngClass, ngStyle.
  2. Структурні (Structural directives) - змінюють структуру DOM, додаючи або видаляючи елементи. Приклади: *ngIf, *ngFor, *ngSwitch.
  3. Компонентні (Component) - технічно теж директива з шаблоном, оскільки компонент, це директива з UI.

Приклад атрибутної директиви:

typescript
import { Directive, ElementRef, Renderer2 } from '@angular/core'; @Directive({ selector: '[appHighlight]' }) export class HighlightDirective { constructor(el: ElementRef, renderer: Renderer2) { renderer.setStyle(el.nativeElement, 'background-color', 'yellow'); } }

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

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

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

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

Запропонувати правку