angular - Primeng下拉自动对焦

Question

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

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

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

有没有可能解决这个问题？

标签： angularprimeng

Answer 1

好的，我想通了。

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

@ViewChild('dropdown') dropdown: Dropdown;

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

this.dropdown.applyFocus();