Comment accéder à un élément DOM dans le template d'un composant Angular ?

Bonjour ! Je suis débutant en Angular et TypeScript, et j'ai un problème pour accéder à un élément DOM à l'intérieur d'un composant. J'ai un composant simple qui affiche un bouton et un paragraphe. Je veux, lors du clic sur le bouton, modifier le texte dans le paragraphe et lui ajouter une classe CSS. En JavaScript classique, j'utiliserais `document.getElementById('myParagraph')`, mais dans Angular, cela semble ne pas fonctionner correctement. Voici mon code actuel : ```typescript // my-component.ts import { Component } from '@angular/core'; @Component({ selector: 'app-my', template: `

Texte initial

Modifier le texte `, styleUrls: ['./my-component.css'] }) export class MyComponent { changeText() { // J'essaie d'obtenir l'élément par ID const paragraph = document.getElementById('myParagraph'); if (paragraph) { paragraph.innerText = 'Nouveau texte'; paragraph.classList.add('highlight'); } } } ``` Le problème est que