Schließen Primeng's ModalBox beim Anklicken

Question

Ich überprüfe die Primeng Dokumentation für die Modale, aber ich kann keine Möglichkeit finden, eine Modal Box programmgesteuert zu schließen (Beispiel, wenn ich auf die Schaltfläche "Akzeptieren" klicke).

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

Answer 1

Wie in der Dokumentation gezeigt, die <p-dialog> Komponente eine [(visible)] Eigenschaft. Es ist zwei bindend, so dass Sie das Element tatsächlich schließen (oder ausblenden) können, indem Sie den Wert der zuvor genannten Eigenschaft auf false setzen. Beispiel:

<p-dialog header="Foo" [(visible)]="showDialog"> 
    <p-footer> 
    <button type="button" (click)="functionToCloseDialog()" label="Accept"></button> 
    </p-footer> 
</p-dialog> 

Und Ihre ts-Datei wird so etwas wie:

export class SomeComponent { 
    showDialog: boolean; 

    functionToCloseDialog() { 
    this.showDialog = false; // closes/hides the dialog box 
    } 
}