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

Bonjour à tous ! Je viens de commencer à apprendre Angular et TypeScript, et j'ai rencontré un problème en travaillant avec des éléments DOM dans un composant. J'ai un composant simple qui affiche un bouton et un champ de saisie. J'ai besoin que lorsque l'on clique sur le bouton, le focus se déplace automatiquement sur ce champ de saisie. J'ai essayé d'utiliser `document.getElementById()` classique, mais cela ne fonctionne pas comme je l'attendais, et de toute façon, dans Angular, il est déconseillé de faire ainsi. Voici mon code actuel : ```typescript import { Component } from '@angular/core'; @Component({ selector: 'app-my-form', template: ` ` }) export class MyFormComponent { focusInput() { // Comment accéder correctement à l'input ? const inputElement = document.getElementById('myInput'); inputElement?.focus(); } } ``` J'ai entendu dire qu'il existe des méthodes spéciales dans Angular...