angular - 使下拉列表始终打开(PrimeNg)

Question

有没有办法始终显示下拉列表/始终打开下拉列表？目前，下拉列表仅在单击输入框时出现。我知道这听起来有点傻，但只是想知道是否有办法完成它，或者可以谈谈？

我现在对下拉菜单使用 PrimeNg AutoComplete Multiple 模式，但我认为下拉菜单的一般机制几乎相同，所以也许有一种通用的方法可以解决这个问题？

Answer 1

我可以说，p-dropdown 没有开箱即用的可能性。你可以做一个 hack:为你的下拉列表分配一个类:

    <p-dropdown [styleClass]="'your-class'" ...

您可以在需要时(但在模板初始化之后)使用如下代码打开下拉列表:

    const yourDropdown = this.elRef.nativeElement.querySelector(".unique-class");

    if (yourDropdown) {
        yourDropdown.click();
    }

附言这只是一个例子。最好改进一下。例如，使用 id 而不是 class。