Передать несколько данных из 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);
});