primeng-dialog | 易学教程

PrimeNG p-dialog positionTop

阅读更多关于 PrimeNG p-dialog positionTop

问题 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" [

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

阅读更多关于 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 scenario I want to call an event when clicking the (X) button click. 回答1: Actually (onHide)="cancel()" works fine according to this Plunkr. 回答2: Try: (click)="cancel()" instead. I had the same error but I solved it by using the click method. Grettings :

Angular 2 Nested Modal Dialog with PrimeNG doesn't work

阅读更多关于 Angular 2 Nested Modal Dialog with PrimeNG doesn't work

问题 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

Angular 2 Nested Modal Dialog with PrimeNG doesn't work

阅读更多关于 Angular 2 Nested Modal Dialog with PrimeNG doesn't work

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=