Primeng下拉自动对焦

Question

我的 Angular 应用程序中有一个来自 PrimeNG 的下拉菜单。此下拉列表已将 autofocus 属性设置为 true。

所以，当我打开我的组件（或对话框）时，我的组件（或对话框）里面有这个下拉菜单，一切正常，下拉菜单有焦点，我可以通过按键选择选项。

但是当我要去应用程序中的其他地方然后回到带有下拉菜单的组件（或重新打开对话框）时，未设置下拉菜单的自动对焦（我检查了现在焦点已设置在文档正文上）。

有没有办法解决这个问题？

Answer 1

好的，我想通了。

在我的内部有下拉列表的组件中添加：

@ViewChild('dropdown') dropdown: Dropdown;

然后当组件被加载（或对话框打开 - 在onShow 事件中）我使用下拉菜单中的方法：

this.dropdown.applyFocus();