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

angular typescript primeng primeng-dialog
Ramesh Rajendran picture Ramesh Rajendran · May 8, 2017 · Viewed 20.1k times · Source

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.

Answer

hiper2d picture hiper2d · May 8, 2017

Actually (onHide)="cancel()" works fine according to this Plunkr.

Related questions

PrimeNG Dynamic Column Filtering

I currently have the following PrimeNG TurboTable: <p-table [value]="People" > <ng-template pTemplate="header"> <tr> <th>Name</th> <th>Age</th> <th>Height</th&…

Read More
Angular2 add PrimeNG component

Here are the steps I did to install PrimeNG: npm install primeng --save npm install primeui --save Update Index.html: (I had to copy directories primeng and primeui from node_modules to the assets folder to get rid of 404 file …

Read More
How to make PrimeNG Menubar component work?

I'm trying to make a menubar using PrimeNG, based on example from http://www.primefaces.org/primeng/#/menubar I create something like this: app.component.ts import {Component} from '@angular/core'; import {MenuBarComponent} from "./menubardemo.component"; @Component({ selector: 'my-app', …

Read More