Как привязать данные из всплывающего окна к родительской странице в угловом формате, используя угловой материал

Question

Я выполнил пример углового приложения с двумя таблицами данных во всплывающем окне.где я реализую перестановку строк данных из одной таблицы в другую.

Я взял кнопку сохранения на всплывающей странице, где мне нужно связать таблицу данных из всплывающего окна с родительской страницей, нажав кнопку сохранения.

Но когда я пытаюсь получить данные в моей консоли из функции saveToParentPage (), я не могу получить данные из второй таблицы в моей консоли.

, пожалуйста, войдите в мой образец приложения здесь

Кто-нибудь может мне помочь, как я могу получить данные из всплывающего окна и отобразить вторую таблицу из всплывающего окна на моей родительской странице .?

Answer 1

Если я правильно понимаю вашу проблему, я считаю, что вы печатаете не ту переменную.

saveToParentPage (){
   console.log(this.checkedDataSource.data);
}

Чтобы передать данные в родительский компонент, вам нужно будет передать их через dialogRef.close MatDialogRef

saveToParentPage (){
    this.dialogRef.close(this.checkedDataSource.data);
}

Вы получитеэто у родителя, используя afterClosed наблюдаемый,

dialogRef.afterClosed().subscribe(result => {
    console.log('from the parent component', result);
});

Надеюсь, это поможет. stackblitz