Questions tagged [primeng-dropdowns]
128 questions
3
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
- 227
- 4
- 17
3
votes
1 answer
PrimeNg is not working with .scss file
I have tried to setup PrimeNg in to my Angular-CLI project. So I followed the steps like
npm install primeng --save
npm install primeui --save
I need a drop down, so I have added import { DropdownModule } from 'primeng/primeng'; in to my main…
Vimal
- 2,081
- 2
- 14
- 23
2
votes
2 answers
primeng dropdown label width
I use a primeng dropdown input and I want to make the div that holds the label placeholder to have 100% width.
Here is how I use it:
GabrielAV
- 31
- 5
2
votes
0 answers
How to apply an Aria label to a sub-element of a PrimeNG component?
Initial scenario:
PrimeNG 9.1.0
Angular 9.1.9
The accessibility test of Google's Lighthouse notes the missing Aria label for the chevron element of the PrimeNG dropdown component ("Buttons do not have an accessible name").
My usage in the HTML…
ThirstForKnowledge
- 1,035
- 1
- 5
- 21
2
votes
2 answers
How to show search result in primeng dropdown
I am trying to show search results after typed input text length more than 3 If it is text length less 3 I want to hide the search result area.I can use only inputId for identifier.How to achive this in priming…
Makizh
- 109
- 1
- 12
2
votes
0 answers
NG Prime p-multiSelect disabled option not working
I am using primeNG v7.0.3
And I have an issue with the multiSelect, namely the possibility to disable an option based on SelectItem interface.
this.roleOptions = [
{ label: this.messages['GLOBAL.USER.ROLE.CLINIC_USER'], value:…
Exitl0l
- 379
- 1
- 7
- 19
2
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
- 896
- 3
- 26
- 49
2
votes
0 answers
PrimeNG Controls are not showing Invalid
We are using PrimeNG autoComplete component in our app. we would show all valid invalid with "red".
By default, Angular mark all input fields with ng-valid style class unless we have any validation which makes the control invalid. This seems to be…
rgoal
- 896
- 3
- 26
- 49
2
votes
2 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
- 861
- 4
- 19
- 37
2
votes
2 answers
RTL Primeng drop-down component
Is there any way to place the PrimeNG drop-down icon on left side of select?
I tried
Vala Khosravi
- 1,975
- 3
- 14
- 41
2
votes
1 answer
How to get the text name of selected dropdown value
How to get the text name of selected dropdown value.
Using a prime ng dropdown
HTML
2
votes
3 answers
Custom content dropdown not working in PrimeNG?
I'm implementing a custom content dropdown. Is not working properly. It does not set selectedTestType value and It gives undefined value in the onChangeTestTypes.
vivek nuna
- 12,695
- 7
- 48
- 123
2
votes
1 answer
Primeng Component UI issues
I am working on PrimeNG components. But m having issues with UI display on the web browser.
Right now, I want to display static dropdown. I have took reference from PrimeNG. The following code is to display that component.
HTML File
Mihir B
- 35
- 10
2
votes
0 answers
How to do pagination on server side with ngPrime tables in Angular?
I could not find any documentation on it.
The ngPrime has all the features required for my project standpoint, but I want to be sure that ngPrime table supports server side pagination as it is a required feature.
Nishant Adhikari
- 59
- 7
2
votes
1 answer
Primeng DataTable Dropdown doesn't work with options via column
I'm making a re-usable table component for my application based on DataTable from PrimeNG.
My component has the following html code:
Gabriel Costa
- 199
- 1
- 3
- 12