Stack Overflow
Stack Overflow

Questions tagged [primeng-dropdowns]

159 questions
4
votes
2 answers

PrimeNG dropdown showing empty options

My app UI is based on PrimeNG and i am working on dynamic forms and also getting form fields configuration through API. My PrimeNG dropdown is showing empty options. Here is the image for the reference: Here is the code for PrimeNG dropdown: …
Usama Tariq
  • 85
  • 2
  • 7
4
votes
1 answer

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
  • 1,236
  • 11
  • 35
  • 61
4
votes
4 answers

Error when trying to use p-Dropdown from PrimeNG in application

I want to use this PrimeNG-Dropdown in my application. So what I did: npm i primeng --save Then I added the DropdownModule in my imports from app.module.ts. Afterwards, I included the following code in my html:
Rüdiger
  • 893
  • 5
  • 27
  • 56
4
votes
3 answers

How to set by default selected values in PrimeNg MultiSelect with Angular 4 Reactive Form?

I am using MultiSelect control from PrimeNg (PrimeNg Multiselect) & Angular4 with a Reactive Form, and I want to keep some my items default selected during form loading. HTML
Ketan Navadiya
  • 279
  • 3
  • 6
  • 18
4
votes
2 answers

Styles not applying on component level but on global level

I am using ngPrime components and if i style them styles are not applying on dashboard.component.sass file but they apply when i use the global style.sass file. dashboard.component.html file
Mayank Singh Fartiyal
  • 867
  • 1
  • 11
  • 26
4
votes
0 answers

p-dropdown filter is not working in p-dataTable when data is binded with lazy

When I bind data to p-dataTable using basic way the p-dropdown filter for column is working fine but when I bind p-dataTable using [lazy]="true" (onLazyLoad)="loadData($event)" then the dropdown column filter is not working. Working Code: …
Ketankumar Godhani
  • 185
  • 2
  • 10
3
votes
2 answers

how to set two value in one optionLabel? in Angular PrimeNG

I want to set two values in one label. As an example, if I open dropdown it should show as "value1 value2" in one line with space. value1 and value2 data are getting from the database. I tried using the below method but it has not…
user16558324
3
votes
3 answers

Prime NG: Search dropdown by label

I am having trouble figuring out the solution for my angular project that uses prime ng. I am trying to do column search on rows of dropdown values. If I want to find all values that are 'Jan', no data is found. However, if I search for '1' it can…
Natti
  • 101
  • 1
  • 2
  • 8
3
votes
2 answers

p-autoComplete Pre-select a default value

I am using p-autoComplete in a table, once a row is selected my auto complete should preselect the current value..I tried using [(ngModel)]="row.bsaName" but it is not working. (Once I click on my dropwdown I see all the values, I confirmed the…
rgoal
  • 1,236
  • 11
  • 35
  • 61
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,767
  • 3
  • 19
  • 24
2
votes
1 answer

Make PrimeNG AutoComplete suggestions list appear on focus

hope you're all doing well. I am currently struggling with the AutoComplete (Multiple mode) component behaviour of primaryNG. What I want I would like for the AutoComplete suggestions list to appear whenever the component is in focus. What I have…
Fahim Foysal
  • 71
  • 4
2
votes
2 answers

In PrimeNG, how do I bind a p-dropdown selected value to a form control?

I'm using Angular 13 and PrimeNG 13. I would like to bind a dropdown to a form control. In my edit form, I use a p-dropdown like so
Dave
  • 15,639
  • 133
  • 442
  • 830
2
votes
1 answer

primeNg : get value of all the p-dropdown on change event of one drop down

I have a situation were on my html page is have 5 primeNg p-dropdown and I want to read the values of all the 5 dropdown on change event of any of the p-dropdown so that I can apply filters on all the selected values to show data in data grid. I am…
SwapnilM
  • 155
  • 2
  • 6
  • 16
2
votes
0 answers

How to set value PrimeNG p-dropdown with a value read from the server?

I receive the value of myModel.field correctly from a server (for example myModel.field = "id2"), but it is not selected in the p-dropdown, what should I do? This is my options (the dropdown populates fine): options = [ { label: 'Opt1', value:…
doinel
  • 87
  • 1
  • 9
2
votes
1 answer

PrimeNG MultiSelect with Display: Chip overflow behaviorr

My issue is very similar to the one faced here: PrimeNG Chips overflow behaviour The only difference is that I'm using Multi-Select Dropdown with the Display: Chip as one of the settings. The problem is that the container keeps on stretching…
Jason
  • 657
  • 7
  • 13
1
2
3
…
10 11