Angular 页面加载上的表单输入焦点问题

我有一个角度7.1项目。在左边有一个侧边栏。问题是，当我点击侧边栏菜单项时，焦点仍然在菜单上。我想将焦点移动到页面加载右侧加载的表单的第一个字段

例如，对于下面的链接，如果我单击侧边栏上的“表单”链接，页面应该关注页面加载上的“名称”字段

我尝试过自动对焦的方法，但没有成功。也尝试了下面链接的方法，但没有帮助

---

是否有人遇到过同样的问题。

您需要为您的输入提供一个ID

<input #myInput/>

然后在适当的地方设置输入的焦点。例如，如果单击侧边栏的“表单”链接，我假设显示的结果页面显示了一个新组件。在这个组件中，是onInit

ngOnInit() { 
  this.myInput.nativeElement.focus(); 
} 

ngOnInit() { 
  this.myInput.nativeElement.focus(); 
}