p-dropdown: option to always display options above?

[pmilkman]

We have a layout where we'd like to force the options for a p-dropdown to always display above the control.

I've looked through the docs, Google and some of the source code and didn't see any existing way to do this. Have I missed the option? Or is there a way to hack it in there?

Thanks!

[appedology]

Maybe (similar to tooltips) it would be good to have an optional "where" option which defaults to down, but could be overridden?

[EmilyWilliamson]

You can set default value of PrimeNG Dropdown by using ngModel as shown on the following approach:

component.html:

Code: Select all

<p-dropdown [options]="cities" name="selectedCity" [(ngModel)]="selectedCity"></p-dropdown>

component.ts:

Code: Select all

selectedCity: string = 1; //Id value of the City to be selected

If failed then use below code

Code: Select all

this.cities.value = this.selectedCity;