javascript - Pass several data from Mat Dialog Angular 4 back to parent - Stack Overflow

I have an mat dialog ponent in my project as I press Confirm button I call

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

in my parent I subscribe to passed data (in my Case 'Confirm');

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

What I would like to do is to pass data also. So I would like to pass the 'Confrim' message + data both. Is it possible?

I have an mat dialog ponent in my project as I press Confirm button I call

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

in my parent I subscribe to passed data (in my Case 'Confirm');

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

What I would like to do is to pass data also. So I would like to pass the 'Confrim' message + data both. Is it possible?

• javascript
• angular

Share Improve this question Follow asked Jun 1, 2018 at 8:53 Anna FAnna F 1,68344 gold badges2525 silver badges4343 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 4

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);
});