Usage Example

usage-example.js

constructor(public dialog: MatDialog) { }

openDialogSimple() {
    const dialogRef = this.dialog.open(DialogComponent, {
        width: '500px',
        panelClass: 'ss-dialog', // always include this property of MatDialogConfig!
    });

    // Listen for which button was pressed and act accordingly
    dialogRef.afterClosed().subscribe(result => {
        if (result === 'leave') {
            console.log('Yes, I am sure I want to leave the page.');
        }
        if (result === 'stay') {
            console.log('No, I want to stay!');
        }
    });
}

openDialogComplex() {
    const dialogRef = this.dialog.open(ComplexDialogComponent, {
        width: '500px',
        panelClass: 'ss-dialog', // always include this property of MatDialogConfig!
    });

    // Listen for which button was pressed and act accordingly
    dialogRef.afterClosed().subscribe(result => {
        if (result === 'Operation Cancelled') {
            alert('Date selection cancelled');
        } else {
            alert('The date you selected was:\n' + result);
        }
    });
}