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

¡Hola a todos! Acabo de empezar a aprender Angular y TypeScript, y me encontré con un problema al trabajar con elementos DOM dentro de un componente. Tengo un componente simple que muestra un botón y un campo de entrada. Necesito que al hacer clic en el botón, el foco se mueva automáticamente a ese campo de entrada. Intenté usar el típico `document.getElementById()`, pero no funciona como esperaba y, en general, en Angular no se recomienda hacerlo así. Aquí está mi código actual: ```typescript import { Component } from '@angular/core'; @Component({ selector: 'app-my-form', template: ` ` }) export class MyFormComponent { focusInput() { // ¿Cómo acceder correctamente al input? const inputElement = document.getElementById('myInput'); inputElement?.focus(); } } ``` He oído que en Angular hay algo especial