dialog.ts

@Component({
  selector: 'some-component',
  template: `
    <p-dialog header="Title" [(visible)]="display">
      Content
    </p-dialog>
    
    <button type="text" (click)="showDialog()" pButton icon="fa-external-link-square" label="Show"></button>
  `
})
export class ModelComponent {
    display: boolean = false;
    showDialog() {
        this.display = true;
    }
}