🚩ElementRef

ElementRef es una clase proporcionada por Angular que permite a las directivas y componentes interactuar directamente con el elemento del DOM al que están asociadas.

📌 Importancia de ElementRef

• Acceso Directo al DOM: Proporciona una referencia directa al elemento DOM nativo, permitiendo manipularlo de manera directa.

• Uso en Directivas: Comúnmente usado en directivas para modificar o escuchar eventos del elemento DOM.

Para Qué se Usa ElementRef

• Modificar Propiedades del Elemento: Cambiar atributos como src, style, class, etc.

• Acceder a Métodos del Elemento: Invocar métodos del DOM nativo como focus(), blur(), etc.

• Leer Propiedades del Elemento: Obtener valores actuales de propiedades del DOM.

⚠️ Consideraciones de Seguridad

• Evitar Manipulaciones Directas del DOM: El uso directo de ElementRef puede exponer la aplicación a vulnerabilidades de seguridad como XSS (Cross-Site Scripting). Siempre que sea posible, usa Renderer2 para manipular el DOM de manera segura.

🛠 Alternativa Segura: Renderer2

En lugar de usar ElementRef directamente, Angular recomienda usar Renderer2 para la manipulación del DOM, ya que ofrece una capa de abstracción que mejora la seguridad y la compatibilidad. APUNTES INACABADOS