Що робить 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

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