Wie greife ich auf ein DOM-Element in der Angular-Komponentenvorlage zu?

Hallo! Ich bin neu in Angular und TypeScript und habe ein Problem mit dem Zugriff auf ein DOM-Element innerhalb der Komponente.\n\nIch habe eine einfache Komponente, die einen Button und einen Absatz anzeigt. Ich möchte beim Klicken auf den Button den Text im Absatz ändern und ihm eine CSS-Klasse hinzufügen. In normalem JavaScript würde ich `document.getElementById('myParagraph')` verwenden, aber in Angular scheint das nicht richtig zu funktionieren.\n\nHier ist mein aktueller Code:\n\n```typescript\n// my-component.ts\nimport { Component } from '@angular/core';\n\n@Component({\n selector: 'app-my',\n template: `\n

Starttext

\n Text ändern\n `,\n styleUrls: ['./my-component.css']\n})\nexport class MyComponent {\n changeText() {\n // Versuche, das Element per ID zu erhalten\n const p