typescript - How to close p-dialog on Button Click in Angular 8?

Question

I want to close this dialog box when I click on button.

    <p-dialog [(visible)]="displayFact" [modal]="true" [style]="[{width: '50%'}]" [baseZIndex]="1000" [draggable]="false" [resizable]="false" [closable]='true'>
     <div class="card rounded">
      <div>....</div>
      <a class="btn btn-primary w-25 mx-auto rounded mb-3" (click)= "closeDialog()">Close</a>
     </div> 
</p-dialog>

question from:https://stackoverflow.com/questions/65926072/how-to-close-p-dialog-on-button-click-in-angular-8

Answer 1

You can try the following to achieve this.

closeDialog(){
    this.displayFact = false
}

API

Visible boolean false Specifies the visibility of the dialog.

https://www.primefaces.org/primeng/showcase/#/dialog