Stack Overflow
Stack Overflow

Questions tagged [primeng]

Use this tag for questions about PrimeNG, a collection of UI Components for Angular. Questions tagged [primeng] should also be tagged [angular], but NOT [primefaces].

PrimeNG is a collection of rich UI components for Angular. PrimeNG is a sibling of the popular JavaServer Faces Component Suite, PrimeFaces.

All widgets are open source and free to use under MIT License.

PrimeNG is developed by PrimeTek Informatics, a company with years of expertise in developing open source UI components.

4422 questions
10
votes
2 answers

PrimeNG Table get filtered row

I am using PrimeNG 6.0.2 with Angular 5 and I'm having issues with the Table plugin. I switched to Table because DataTable is deprecated. Now, I can't access filtered values the way I could before. Let's say I define my table in component via…
dzenesiz
  • 1,388
  • 4
  • 27
  • 58
10
votes
6 answers

Display nested object in column in primeng

I am following the templating option given in primeng docs to create a link with column data alongside in a primeng datatable column, but I am not able to show nested object using {{data[col.field]}}.
RemyaJ
  • 5,358
  • 4
  • 22
  • 41
10
votes
4 answers

Angular Unit Test of a PRIME ng confirmation service

First of all i am newbie at angular unit testing. I want to unit test the following method that removes a record from my data. The method is: //Confirm Button for deletion confirm(name: string, id: any) { this.confirmationService.confirm({ …
apoellitsi
  • 249
  • 6
  • 21
10
votes
2 answers

PrimeNg Datatable Custom Sorting repeating itself

I have a datatable in Angular 2 app where I want to custom sort a column. In my component file, I'm making an API call to get the sorted…
Abhishek
  • 1,974
  • 5
  • 31
  • 67
10
votes
7 answers

How to call angular function when click p-dialog close(X) button?

How to call angular function when click p-dialog close(X) button? I have searched and just tried this (onHide)="cancel()" . But it's not working. Kindly share your solutions. I know we can use a close/cancel button to hide the popup. But in my…
Ramesh Rajendran
  • 37,412
  • 45
  • 153
  • 234
10
votes
6 answers

PrimeNG Tree - select TreeNode programmatically

I am using the PrimeNG Tree component to enable the users to select some values based on a tree structure. The selected nodes will be later stored in a database and when the user visits the edit dialog again these nodes should be pre selected. Is…
Chris S.
  • 323
  • 1
  • 4
  • 13
10
votes
1 answer

How can I reset primeng datatable sort state?

I'd like to reset the sort state of primeng datable. i am able to reset full datatable but still sort state is not reset
Nilesh007
  • 109
  • 1
  • 1
  • 4
10
votes
4 answers

How to expand PrimeNg TreeTable by code

Assuming I have a TreeTable provided by PrimeNg for Angular2. How can I expand a particular node in code (for example in onNodeSelect callback)?
user4401
  • 394
  • 1
  • 4
  • 15
9
votes
1 answer

primeNG p-multiSelect with reactive form setting value dynamically

I am trying to do simple thing dynamically set a value to p-multiSelect with a reactive form. Using the ngModel with p-multiSelect property works nice but if I use the reactive form with the p-multiSelect property i can't set p-multiSelect from…
Happy Coder
  • 1,293
  • 1
  • 19
  • 35
9
votes
4 answers

Angular 6 Error trying to diff '[object Object]'. Only arrays and iterables are allowed

I think my problem is that the API delivers an Object instead of an array. So I need to modify the Object to be an Array? How could this be done? Object.assign? Or Pipe? Does anyone have a proper example? I am still learning Angular this is my…
HolzbeinWilli
  • 168
  • 2
  • 3
  • 11
9
votes
3 answers

Programmatically selecting value for PrimeNG AutoComplete in reactive form

I'm using the PrimeNG AutoComplete component in my reactive ng5 form. I've been unable to find a way to re-load the form values on page load and set the AutoComplete to a value. The AutoComplete is mapped to an array of objects. I use the field…
Qwerty
  • 313
  • 1
  • 2
  • 11
9
votes
1 answer

angular5 - child component called before parent ngOnInit finish

first, make table setting data in ngOnInit() and set to settingA variable. this settingA variable binds to setting in html. and I want to make table in child component using settingA. but child component ngOnInit is called before parent component's…
通りすがりのおっさん
  • 659
  • 4
  • 9
  • 21
9
votes
1 answer

Angular4 PrimeNG dialog as component

I am struggeling with an angular/primeng problem. i am new with angular4 and i am trying to open and close a dialog as an own component. I have a list-component where a datatable loads all data. If you click on a row and press the open button the…
Anton Styopin
  • 753
  • 4
  • 17
  • 35
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
9
votes
6 answers

PrimeNG button not displaying fa icon and label in angular2

I want to display Add and Delete button in the panel header. Below code displays button with no fa-icon and no label
Registration Form
1 2 3
…
99 100