angular - Gjør rullegardinliste alltid åpen (PrimeNg)

Finnes det en måte å alltid vise rullegardinlisten/alltid ha rullegardinlisten åpen? For øyeblikket vises rullegardinlisten bare når inntastingsboksen klikkes. Jeg vet det høres litt dumt ut, men lurer bare på om det finnes en måte å få det gjort på eller kanskje en løsning for det?

Jeg bruker nå PrimeNg AutoComplete Multiple-modus for rullegardinmenyen, men jeg tror den generelle mekanismen for rullegardinmenyen er stort sett den samme, så kanskje det finnes en vanlig måte å løse dette på?

Svar #1

Jeg kan si at p-dropdown ikke har denne muligheten rett ut av boksen. Du kan gjøre en hack: tilordne en klasse til rullegardinmenyen din:

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

Og du kan åpne rullegardinmenyen når du trenger den (men etter at malen er initialisert) ved å bruke kode som:

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

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

P.S. Dette er bare et eksempel. Det er bedre å forbedre det. For eksempel, bruk id i stedet for class.

Relaterte artikler