primeng

问题 I am working on one project where I used PrimeNg table with froze & unfroze column property and its working fine in normal column creating with *NgFor but if I add new column without *NgFor its repeating in both froze & unfroze table. How to overcome this issue as I want that column only on froze column not on unfroze column. My Code: <ng-template pTemplate="header" let-columns> <tr> <th>All</th> <th *ngFor="let col of columns"> {{col.header}} </th> </tr> </ng-template> <ng-template pTemplate

问题 I tried: official getting started guide for PrimeNG Steps to integrate PrimeNG with JHipster (sorry if this is a duplicate post, have no rep to comment there) generator-jhipster-primeng and some other articles and stackoverflow posts with no luck on getting the latest PrimeNG 6+ to work with the latest JHipster 5+. It mostly works, but the styles are a bit off - mainly it seems like primeicons aren't working. For example, I tried the primeng filter table example and it mostly works except the

问题 Does anyone know if it's possible to disable the date/time picker from automatically adding the UTC time to the date object? As you can see in the below picture that it's automatically adjusting my date object to UTC. I want my date object submitted with 10:00:00 {"reportedDate": "2019-02-13T15:00:16.000Z"} <p-calendar required [(ngModel)]="entry.reportedDate" name="reportedDate" #reportedDate="ngModel" [showIcon]="true" [showTime]="true" dateFormat="mm/dd/y 'EST'" hourFormat="24"></p

问题 We are displaying an Angular 4 application inside IFrame. We use PrimeNG components and in one of the situations, we need to display PrimeNG p-dialog box. By default, p-dialog box is shown in the center of Iframe (in terms of height), and not the top window's (iframe container's) height. I find a attribute positionTop in p-dialog, where we can set the height of p-dialog window, and created a directive overlayPosition to be used in p-dialog element as below. <p-dialog [header]="header" [

问题 I face an issue about Datatable Editor My table is data table of PrimeNG, this table can edit any cell of the row and all cell is required: here is the requirement of Datatable: can edit any cell validate any cell (required) when I finished 2 requirements, the input raise up a bug when the input is blank Error: If ngModel is used within a form tag, either the name attribute must be set or the form control must be defined as 'standalone' in ngModelOptions. Example 1: <input [(ngModel)]="person

问题 i have a PrimeNG Table everything woks as expected. I have implemented sorting. What i get is the sort Option for every Column in the Table but i want this option only in a specific Column. Any Advice ? Thx in Advance || Willi .. <p-table [columns]="wikiCols" [value]="wikiItems" selectionMode="single" [(selection)]="selectedItem"> <ng-template pTemplate="header"> <tr> <th *ngFor="let col of wikiCols" [pSortableColumn]="col.field" > {{col.header}} <p-sortIcon [field]="col.field" ariaLabel=

问题 How do you mock a component in Angular 2.0.0 Final Release? I have a problem in mocking a component that has a variable that I use for logic in another component. Specifically, I want to mock a PrimeNG Datatable selection. Sample code below. table.component.html <p-dataTable #table [value]="myDatasource" [(selection)]="mySelections" ... > table.component.ts @Component({ selector: 'my-table', templateUrl: './table.component.html' }) export class TableComponent{ @ViewChild('table') datatable;

问题 I am using primeNg. My .html and .scss file like below. But I can't give any styleClass to p-panel. What is wrong in my code? .html file <p-panel header="Student Info" styleClass="test"> <div class="ui-g"> <div class="ui-g-12 ui-md-3"> <div class="ui-g-12"> <b>Student</b> </div> </div> </p-panel> .scss file .test { margin-top: 50px; } 回答1: To apply a CSS style to a child component, use ::ng-deep . See this stackblitz for a demo. :host ::ng-deep .test { margin-top: 50px; } According to Angular

问题 I'm working with Angular2 rc.4 and PrimeNg 1.0.0.beta.9, and i'm getting this error: platform-browser.umd.js:1900 Error: No value accessor for '' at new BaseException (common.umd.js:836) at _throwError (common.umd.js:3516) at setUpControl (common.umd.js:3493) at NgModel.ngOnChanges (common.umd.js:4103) at DebugAppView._View_ItemComponent1.detectChangesInternal (ItemComponent.template.js:1266) at DebugAppView.AppView.detectChanges (core.umd.js:12143) at DebugAppView.detectChanges (core.umd.js

问题 I need to set a default date in datepicker. I tried using defaultDate property of p-calender as given below: <p-calendar placeholder="mm/dd/yyyy" name="deadline" required [(ngModel)]="deadline" #deadline="ngModel" [showIcon]="true" showTime="showTime" hourFormat="12" [defaultDate]="defaultDate"> Component.ts code: public defaultDate: Date = new Date(); ngOnInit() { this.defaultDate.setDate(this.defaultDate.getDate() - 5); } However, the above code is not working. Please help. 回答1: //deadline: