Skip to main content

All Questions

Tagged with
0 votes
1 answer
1k views

primeNG p-multiSelect with template driven form, dynamic options

I have two dropdowns in my form. When I click an option in the first dropdown I make an API call to get the options of the second dropdown which is a p-multiselect. My problem is that the options of ...
user08's user avatar
  • 725
2 votes
2 answers
2k views

How do I trim space in primeNg Dropdown (p-dropdown) filter in angular 5?

I have used primeNg dropdown (p-dropdown) in my angular 5 project but when I try to filter dropdown data and I give the space after that dropdown shows the No Results Found so How can I solve that? e....
Purvang Gor's user avatar
4 votes
1 answer
3k views

Angular PrimeNG Autocomplete: Displaying multiple fields?

Suppose we have this scenario: <p-autoComplete dataKey="id" field="make" emptyMessage="{{'NoDataFound' | translate}}" [delay]="0" [suggestions]="...
Buhake Sindi's user avatar
  • 88.8k
5 votes
1 answer
4k views

How to append the telephone number to the country code in angular 5 with primeng

Currently I'm working on a project using Angular 5 with primeng. I'm trying to append the country which coming from a dropdown to the phone number in a reactive form. I'm having a problem when I ...
Hashan94's user avatar
  • 115
4 votes
1 answer
699 views

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(...
Hashan94's user avatar
  • 115
5 votes
1 answer
3k views

SelectAll checkbox in header should get unchecked when move to next page when using p-tableHeaderCheckbox and p-table

I am using <p-table> which has <p-tableHeaderCheckbox></p-tableHeaderCheckbox> to check and uncheck the check box. Everything is working fine but when I am move to next page in table ...
Asha SINGH Purushotham's user avatar
-1 votes
2 answers
1k views

Issue with Tab index for Prime ng datatables sort icon

I've used the prime ng data table in my application. In that, I want to use tab index for sort icon(<p-sortIcon>) but it's not working. can anyone help me with this?? this is how I used in code ...
Adabala Rama Krishna's user avatar
0 votes
0 answers
2k views

How to use the primeNg picklist component in angular 7?

I am trying to use the PrimeNg picklist component. I have two API, Roles and Users User Api: { "id": "U1", "username": "Baskar", "userRoles": [ { "roleId": "...
Angel Reji's user avatar
-1 votes
1 answer
611 views

While placing chart.js Doughnut Chart inside Primeng Carousel, the text inside the canvas seems blurred/distorted a little bit

While placing chart.js Doughnut Chart inside Primeng Carousel, the text inside the canvas seems blurred/distorted a little bit. I have implemented the same type of chart with same canvas size in a ...
Yatharth Mishra's user avatar
0 votes
1 answer
1k views

How to set PrimeNg Table row as activeElement of the document

I am working on a project to create custom keyboard navigation to PrimeNg's table component. Their keyboard navigation is not robust enough for us. The problem is getting the document.activeElement to ...
Bohms27's user avatar
  • 407
0 votes
0 answers
352 views

Karma test for primeng table

I'm new to karma,and i want to run tests for primeng table.Need help on few scenarios. 1.To verify headers 2.To verify checkbox in first column 3.to verify number of rows/data repeated <...
VSP's user avatar
  • 33
1 vote
0 answers
61 views

Bind options without 'value' in JSON

I am implementing primeng multiselect with Angular5, javascript. when I am selecting option from the multiselect dropdown, I am getting all options getting selected. <p-multiSelect [options]="...
ngWolf's user avatar
  • 307
1 vote
1 answer
2k views

add custom html source code button in p-editor of primeng

please give a brief idea with example of how to add a custom html source code edit button in p-editor of primeng! As, it is not provided in default p-editor format. Please help me in this context. ...
Swapnil Mali's user avatar
0 votes
1 answer
311 views

primeng editor source code not working in angular 5

When tried to edit source code in primeng tag, It is only editing one line at a time and without an html showing html tag also. For example if I write "Text is bold", and when I clicked it on p-...
Swapnil Mali's user avatar
1 vote
1 answer
3k views

disable purticular checkbox in primeng multiselect

res.employee.data.role.forEach(role => { this.roleadd = { label: role.display_name, value: role.name } this.roles.push(this.roleadd); }); <p-multiSelect [style]="{'width':'100%','z-index': '1'}" [...
Palak Jadav's user avatar
  • 1,234

15 30 50 per page
1
2 3 4 5 6