All Questions
32 questions
1
vote
1
answer
4k
views
Primeng RadioButton Label
I have just started learning Primeng. I was working on the radio button and using the label property to display the label. When I use this radio button inside any component with restricted length and ...
0
votes
0
answers
1k
views
How i can get the current page of a p-table when the page changes? and without lazy load?
I have a "p-table" element (of PrimeNG) in an Angular 6 project. I need get the rows of the current page and i don't see that control have access to pagination. Someone knows how get this data?
I ...
0
votes
1
answer
712
views
PrimeNg V6 confirmationService in loop
I am trying to call the confirmation service within a loop, but only the last call is being executed. Is there something that I need to change in this?
for (let x of y) {
if (conditionIsMet) {
...
0
votes
1
answer
714
views
PrimeNg: Accordian tabs not closing automatically
I am using PrimeNg in an Angular 6 application. I am attempting to upgrade PrimeNg from v4.2.1 to v6.1.7.
The HTML is like follows:
<p-accordion>
<p-accordionTab header="tab1">.....&...
4
votes
0
answers
4k
views
Using custom objects with PrimeNG Chips and Autocomplete
I am attempting to use a combination of <p-chips> and <p-autocomplete> to display/add/remove custom objects from a list, with the end result being functionally similar to a PickList, but ...
1
vote
4
answers
18k
views
How to customize style of Toast window?
The default size of a <p-toast> window is very small, and I would like to be able to adjust it, because my toast messages might be very long. I also need to be able to customize the style of the ...
5
votes
3
answers
4k
views
How to trigger Toast on page load?
I am trying to use a <p-toast> in my landing page to display notification messages when users login.
<p-toast position="top-center" key="tc"></p-toast>
The messages are then ...
0
votes
1
answer
736
views
Object is an array when populating html table but not when iterating in typescript
I have a backend database that serves student records as JSON files. These objects are then populated in a PrimeNG table for display and selection.
student.component.html
<p-table class="table" [...
1
vote
2
answers
4k
views
How to concatenate columns in a p-table with dynamic columns
My data source serves a json data file in the following format.
subjects.json
[
{
"subjectCode": "1111",
"subjectTitle": "English Literature",
"subjectGroup": "English",
"status": "...
0
votes
2
answers
5k
views
cannot get [(ngModel)] value to use in component Angular 6
in html file, using ngModel which i want to get its value to use in my component
edit-customer.component.html
<input id="userInfoEmail" type="text" class="form-control" value="{{userInfo.email}}...
2
votes
2
answers
3k
views
How to trigger primeng colorpicker using a button?
Here is stackblitz link:-
https://stackblitz.com/edit/angular-gtv8vo?file=src/app/app.component.html
Here, colorpicker is not opening while click of a button? How to open color pallete onclick of ...
0
votes
1
answer
66
views
Select the checkbox using pre-selected data in angular6
I want to display a list of roles in the checkbox , If a role has already been selected, the checkbox is selected .
i using this code for return the rolesId :
this.Adu.optionId=this.selectedEdit;
...
0
votes
0
answers
3k
views
Dynamic rowspan column in primeng p-table
I want dynamic rowspan column in primeng p-table
https://primefaces.org/primeng/#/table/colgroup
I have tried this:
<ng-template pTemplate="header" let-columns>
<tr class="...
5
votes
0
answers
2k
views
PrimeNg p-table column resizing in grouping not working
The primeng p-table resizable column issue
<p-table [resizableColumns]="true" columnResizeMode="expand" [value]="data" sortMode="multiple" [style]="{width:'100%'}" [scrollable]="true" [...
2
votes
4
answers
7k
views
primeng confirmation service multiple calls
I am using PrimeNg with Angular 6 to generate a confirmation box on deleting an item from a form, and saving all changes made to the form. When
delete() {
this._confirmationService.confirm({
...