Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що робить ElementRef?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**`ElementRef`** в Angular - це об'єкт, який дає доступ до DOM-елемента компонента чи директиви напряму через властивість `nativeElement`. **Ключове:** ElementRef дає прямий доступ до реального DOM-елемента, але його використання варто обмежувати, щоб не порушувати принципи Angular і безпеку (XSS).Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)Зображення`ElementRef` в Angular - це об'єкт, який дає доступ до **DOM-елемента компонента чи директиви** напряму через властивість `nativeElement`. Застосування: 1. Дозволяє читати чи змінювати властивості DOM-елемента, наприклад `style`, `class`, `value`. 2. Використовується в директивах для взаємодії з елементом, до якого їх застосовано. Приклад: ```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).Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.