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

Olá a todos! Estou começando a aprender Angular e TypeScript, e me deparei com um problema ao trabalhar com elementos DOM dentro do componente.\n\nTenho um componente simples que exibe um botão e um campo de input. Preciso que, ao clicar no botão, o foco seja automaticamente movido para esse campo de input. Tentei usar o `document.getElementById()` comum, mas não funcionou como esperado, e geralmente no Angular não é recomendado fazer isso.\n\nAqui está meu código atual:\n\n```typescript\nimport { Component } from '@angular/core';\n\n@Component({\n selector: 'app-my-form',\n template: `\n \n `\n})\nexport class MyFormComponent {\n focusInput() {\n