Category : primefaces

I have a list of JSON object, 1 of the sample is below [ { id: ‘cont-609’, contactMedium: [ { characteristic: { emailAddress: ‘[email protected]’ } } ] }] My goal here is to access emailAddress (contactMedium[0].characteristic.emailAddress) inside PrimeNG autoComplete attribute ‘field’ so that I can display list of emails in drop down. There will be ..

Read more

I have a <p-card> like this one: <p-card header="Header text" subheader="Subheader text" [style]="{width: ‘360px’}" styleClass="p-card-shadow"> but I want to read the ‘header’ value from a property in the controller, I don’t want it to be hardcoded in the .html file. I thought I could do something like: <p-card [header]="{{controller.property}}" …> but I don’t find a ..

Read more

I have recently upgraded from angular 7 to angular 8.2.14, along with the PrimeNG version upgraded to 8.0.0, and the Application working in all the browsers except the internet explorer Below is my package.json file "dependencies": { "@angular-devkit/build-angular": "~0.803.29", "@angular/animations": "8.2.14", "@angular/cdk": "^11.2.11", "@angular/cli": "8.3.29", "@angular/common": "8.2.14", "@angular/compiler": "8.2.14", "@angular/compiler-cli": "8.2.14", "@angular/core": "8.2.14", "@angular/forms": "8.2.14", ..

Read more

I want to show selected custom data on dropdown in primeng show selected data same as shown on dropdown list Please see both the images <div class="p-grid" *ngIf="deleteUser" style="place-content :center"> <div class="p-col-12 p-md-6"> <div class="card" style="background-color: var(–secondary-backgound-color);"> <div class="p-fluid p-formgrid p-grid"> <div class="p-field p-col-12"> <label for="points">CURRENT USERS</label> <p-dropdown [options]="sourceEmployees" placeholder="Select" optionLabel="firstName" class="dropdown-width" [showClear]="true" formControlName="deleteCurrentUsers" [(ngModel)]="selectedDeletedUsers" ..

Read more

I’m trying to detect when user exits full screen with for example with esc button, I need to make a popup dialog when user exits the full screen mode here’s the code: ngOnInit(): void { const document = window.document; if (document.addEventListener) { document.addEventListener(‘fullscreenchange’,this.exitHandler, false); document.addEventListener(‘mozfullscreenchange’,this.exitHandler, false); document.addEventListener(‘MSFullscreenChange’,this.exitHandler, false); document.addEventListener(‘webkitfullscreenchange’,this.exitHandler, false); } } exitHandler(){ const document:any ..

Read more