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

时间:2017-03-29 16:24:01

标签: angular typescript drop-down-menu primeng

enter image description here

是否有办法始终显示下拉列表/始终打开下拉列表?目前,只有在单击输入框时才会显示下拉列表。我知道这听起来有点傻但只是想知道是否有办法完成它或者说一句话?

我现在使用PrimeNg AutoComplete Multiple模式进行下拉菜单,但我认为下拉列表的一般机制几乎相同,所以可能有一种常用的解决方法吗?

1 个答案:

答案 0 :(得分:0)

我可以说,p下拉列表没有开箱即用的可能性。您可以进行破解:为下拉菜单分配一个类:

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

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

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

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

P.S。 这只是一个例子。最好对其进行改进。例如,使用id代替class。