Що робить ElementRef?

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

ElementRef в Angular - це об'єкт, який надає доступ до DOM-елемента компонента або директиви напряму через властивість nativeElement.

Застосування:

Дозволяє читати або змінювати властивості DOM-елемента, наприклад style, class, value.
Використовується в директивах для взаємодії з елементом, до якого вони застосовані.

Приклад:

typescript

import { Component, ElementRef, AfterViewInit } from '@angular/core';

@Component({
  selector: 'app-example',
  template: `<p>Привіт</p>`
})
export class ExampleComponent implements AfterViewInit {
  constructor(private el: ElementRef) {}

  ngAfterViewInit() {
    this.el.nativeElement.style.color = 'red'; // змінюємо колір тексту
  }
}

Висновок: ElementRef надає прямий доступ до реального DOM-елемента, але його використання варто обмежувати, щоб не порушувати принципи Angular та безпеку (XSS).

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

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

Premium

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