Pass Several Data From Mat Dialog Angular 4 Back To Parent

I have an mat dialog component in my project as I press Confirm button I call onCloseConfirm(data) { this.thisDialogRef.close('Confirm'); console.log('conf data', data)

Solution 1:

You can pass anything to the close method, so you could pass something like this:

 onCloseConfirm(data) {
    this.thisDialogRef.close({
       message: 'Confirm',
       data
    });
    console.log("conf data", data);
  }

And then, in the afterClosed handler:

dialogRef.afterClosed().subscribe(result => {
  console.log(`Dialog closed: ${result.message}`, result.data);
});