¿Cómo acceder a un elemento DOM en la plantilla de un componente Angular?

¡Hola! Soy nuevo en Angular y TypeScript, y tengo un problema para acceder a un elemento DOM dentro del componente. Tengo un componente simple que muestra un botón y un párrafo. Quiero que al hacer clic en el botón, se cambie el texto del párrafo y se le agregue una clase CSS. En JavaScript normal usaría `document.getElementById('myParagraph')`, pero en Angular esto parece no funcionar correctamente. Aquí está mi código actual: ```typescript // my-component.ts import { Component } from '@angular/core'; @Component({ selector: 'app-my', template: `

Texto inicial

Cambiar texto `, styleUrls: ['./my-component.css'] }) export class MyComponent { changeText() { // Intento obtener el elemento por ID const paragraph = document.getElementById('myParagraph'); if (paragraph) { paragraph.innerText = 'Nuevo texto'; paragraph.classList.add('highlight'); } } } ``` El problema es que