如何在 Angular 组件模板中访问 DOM 元素？

大家好！我刚开始学习 Angular 和 TypeScript，在处理组件内的 DOM 元素时遇到了问题。 我有一个简单的组件，显示一个按钮和一个输入框。我需要点击按钮时，焦点自动移到输入框上。我尝试使用普通的 `document.getElementById()`，但效果不如预期，而且 Angular 中不推荐这样做。 以下是我当前的代码： ```typescript import { Component } from '@angular/core'; @Component({ selector: 'app-my-form', template: ` ` }) export class MyFormComponent { focusInput() { // 如何正确访问 input？ const inputElement = document.getElementById('myInput'); inputElement?.focus(); } } ``` 我听说 Angular 有一些特殊的