Передать несколько данных из Mat Dialog Angular 4 обратно родителю

Question

У меня есть компонент диалогового окна в моем проекте, когда я нажимаю кнопку «Подтвердить», я вызываю

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

в моем родителе, я подписываюсь на переданные данные (в моем случае «Подтвердить»);

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

То, что я хотел бы сделать, это также передать data.Поэтому я хотел бы передать сообщение 'Confrim' + data оба.Возможно ли это?

Answer 1

Вы можете передать что-нибудь в метод close, чтобы вы могли передать что-то вроде этого:

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

И затем, в обработчике afterClosed:

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