primeng

I am using the PrimeNG dialog component and I have a modal dialog from which, on the click of a button, I want to show another modal dialog. What is happening is that my second modal dialog is not really modal, because I only see the content of the dialog following the button. I do change [appendTo] attribute of the p-dialog for the second modal dialog but it does not seem to work properly. How can I open nested dialog in a p-dialog? Dialog in a angular 2 component: <p-dialog header="Create/Edit Financial Flow" [visible]="display$ | async" modal="modal" width="500" height="600" responsive=

I want to select the files first and then to start upload those files by an another button instead of component's own Upload button. How can I do this? Example code what I've tried: <button pButton type="button" label="Start Upload" (click)="startUpload()"></button> <p-fileUpload #fileInput name="fileIcon" url="rest/batch/file/multimedia/"></p-fileUpload> @ViewChild('fileInput') fileInput:ElementRef; constructor( private renderer: Renderer ) { } startUpload(){ // this.fileInput.upload(); -> doesn't compile, undefined // this.fileInput.nativeElement.upload(); -> this.fileInput.nativeElement is

I am using PrimeNG in my angular5 app. I have issue with p-dropdown Question I have p-dropdown for showing countries. I bind the select options correctly there it works fine (this data coming from api), but I need to set default selected option for this p-dropdown as "India". I set up ng-model value as India but it didn't work. my dummy.component.html code <div class="form-group col-md-2"> <div> <label for="inputEmail4"> Select Country</label> <span style="color:red">*</span> </div> <p-dropdown name="country" [options]="countries" [(ngModel)]="applicant.country" placeholder="select country"

We have been trying to incorporate PrimeNG components into a JHipster (angular 4) generated project with no success. After download and install PrimeNG into our project, we are able to import classes but when we include the corresponding tags into templates nothing is drawn. We have tested several of the PrimeNG components. Also we have done the imports in app.module, etc. I would like to be more concrete, but no error is displayed anywhere. Do you have any hint on how work with PrimeNG and JHipster together? Thanks cjmm The following steps worked for us. 1- Add dependecies with yarn yarn add

I came across a strange assignment syntax inside an Angular 2 template. <template let-col let-car="rowData" pTemplate="body"> <span [style.color]="car[col.field]">{{car[col.field]}}</span> </template> It appears that let-col and let-car="rowData" create two new variables col and car that can then be bound to inside the template. Source: https://www.primefaces.org/primeng/#/datatable/templating What is this magical let-* syntax called? How does it work? What is the difference between let-something and let-something="something else" ? Günter Zöchbauer update Angular 5 ngOutletContext was renamed

I have an Angular project but this is not directly related to Angular and I just need the logic of create dynamic menu using tree that can also be similar as in ASP.NET MVC project. So, your suggestion for ASP.NET MVC, etc. will also be helpfu for me. I use PrimeNG Tree and want to obtain menu from a table in MSSQL database: Menu Table (the data was changed for example usage): Id | Order | ParentId | Name | 1 1 0 Documents 2 1 1 Work 3 1 2 Expenses.doc 4 2 2 Resume.doc 5 2 1 Home 6 1 5 Invoices.txt ... In order to populate the menu items, I need to generate a JSON string as shown below: {