Como acessar um elemento DOM no template de um componente Angular?

Olá! Sou novo em Angular e TypeScript, e estou tendo um problema para acessar um elemento DOM dentro do componente.\n\nTenho um componente simples que exibe um botão e um parágrafo. Quero, ao clicar no botão, alterar o texto no parágrafo e adicionar uma classe CSS a ele. Em JavaScript comum, eu usaria `document.getElementById('myParagraph')`, mas no Angular isso parece não funcionar corretamente.\n\nAqui está meu código atual:\n\n```typescript\n// my-component.ts\nimport { Component } from '@angular/core';\n\n@Component({\n selector: 'app-my',\n template: `\n

Texto inicial

\n Alterar texto\n `,\n styleUrls: ['./my-component.css']\n})\nexport class MyComponent {\n changeText() {\n // Tentando obter o elemento pelo ID\n const p