Questions tagged [primeng-dropdowns]
159 questions
37
votes
6 answers
PrimeNG dropdown hidden by dialog
I have an Angular2 app using PrimeNG components.
I want a dropdown inside a dialog box. However, when i have implemented this, the dropdown is cut off by the limit of the dialog box as shown in the screenshot below. What i want is for it to display…

DaRoGa
- 2,196
- 8
- 34
- 62
28
votes
14 answers
How to set default value for PrimeNG p-dropdown
I am using PrimeNG in my angular5 app. I have issue with p-dropdown
Question
I have p-dropdown for showing countries. I bind the select options correctly there it works fine (this data coming from api), but I need to set default selected option for…

Bhagvat Lande
- 1,392
- 3
- 17
- 34
27
votes
1 answer
primeng p-dropdown not firing change event
I'm using primeng 5.2.4 and I'm trying this:
The selectMonth method gets called when the page first loads but not on subsequent selections from the…

Michael Witt
- 1,582
- 4
- 22
- 43
10
votes
2 answers
PrimeNG dropdown with virtual scroll not keeping selection in view
I am making use of the PrimeNG drop down component with custom filtering and virtual scroll enabled.
I am finding the component is not scrolling back to the last selection made in the list of items in view when it's re-opened, instead it just…

mindparse
- 6,115
- 27
- 90
- 191
9
votes
2 answers
Multiple field for AutoComplete box (primeng 4.2.0 and Angular 4)
How do i display multiple field within a primeng auto complete box.
for example:
or

Dipin raman
- 173
- 1
- 11
7
votes
2 answers
PrimeNG dropdown - disable certain SelectItems
Is there an option to disable some of PrimeNG's dropdown items (SelectItems)?
I notice this discussion, is something changed?

cookya
- 3,019
- 7
- 26
- 37
6
votes
2 answers
p-dropdown with reactive forms not binding correctly
I am using primeng dropdown and having a hard time biding my object to the dropdown. it does populate the dropdown with empty items.. not sure how to specify the field name.
HTML

rgoal
- 1,236
- 11
- 35
- 61
5
votes
2 answers
PrimeNG p-dropdown not taking custom default value
I am using p-dropdown in my app and have noticed that after upgrading to PrimeNG 9 & Angular 10, the p-dropdown is no longer taking the custom value as the default value. Instead it takes the first value present in the options list as the default…

wazza
- 173
- 5
- 15
5
votes
1 answer
PrimeNG Multiselect autofocus
Using PrimgNG v7.1.3 in Angular v7 project.
Implemented Multiselect (https://www.primefaces.org/primeng-7.1.3/#/multiselect), in a simple component.
Need to set focus on it when the page loads.
Below solution works for Dropdown but not for…

Kunal Dethe
- 1,254
- 1
- 18
- 38
5
votes
3 answers
PrimeNg Angular2 Autocomplete Clear all
Right now, I am using primeng autocomplete dropdown and in this we don't have functionality of clear/reset.
When i selecting a result from droplist, a clear/reset icon (x) should appears in input and click on (x) it will clear the…

user3342682
- 147
- 3
- 11
5
votes
4 answers
How to pre select Primeng Dropdown values?
I have primeng dropdown with set of values in my angular app.
In the view Screen , drop down is not displaying the selected value (value saved in db) instead it displays 'Select'.
HTML :

Jan69
- 1,109
- 5
- 25
- 48
5
votes
1 answer
p-dropdown does not display correct label when ngModel variable is an object
I am using PrimeNG's p-dropdown component. When the page loads initially I am setting the ng-model but the drop down shows first element as the selected element always.
HTML

user3847870
- 368
- 1
- 6
- 21
5
votes
2 answers
Disable p-dropdown depending selection of another p-dropdown PrimeNG
I am using PrimeNG in my angular app, I have issue with p-dropdown
Question
I have two dropdowns for country and caste_category, I provide caste_reservation for only India , in case of other country selection , the OPEN option from caste_category…

Bhagvat Lande
- 1,392
- 3
- 17
- 34
4
votes
2 answers
Typescript strict mode cannot assign Observable async to primeNg dropdown component
I am using the p-dropdown primeNg component and from what I can see this should be able to take an Observable | async value and use it properly but the Typescript strict mode will not allow this, giving
error TS2322: Type 'Customers[] | null is not…

MattE
- 1,044
- 1
- 14
- 34
4
votes
1 answer
Looking solutions for a custom dropdown with dynamic form drop down option
I'm using angular 5 and primeng version 6 for my current project. I'm trying to implement a drop down component.But I need to implement dynamic option with form on it,like the image provided.that form(drop down option) has some function on it.
I…

Hashan94
- 117
- 1
- 7