Я использую MdDialogModule для отображения окна диалога с полем ввода. Модаль открывается нормально, и я могу ввести текст в поле ввода и отправить, но при нажатии кнопки "Отправить" я хочу, чтобы данные в форме ввода возвращались к основному компоненту, который вызывал компонент "Диалог", а также закрывал диалоговое окно "Диалог".
Как мне это сделать? Я могу передавать данные в компонент MdDialog, но не нашел никакого ресурса о том, как вернуть данные в компонент из MdDialogComponent.
Код компонента My Dialog выглядит следующим образом:
import { Component, OnInit, InjectionToken, Inject } from '@angular/core';
import { MD_DIALOG_DATA, MdDialogRef } from "@angular/material";
@Component({
selector: 'app-add-book',
templateUrl: './add-book.component.html',
styleUrls: ['./add-book.component.css']
})
export class AddBookComponent {
constructor() { }
}
и метод в главном компоненте, вызывающем диалоговое окно, выглядит следующим образом. Теперь ответ не возвращается, он возвращает Undefined, поскольку я еще не понял его.
openCreateDialog() {
let dialogRef = this.dialog.open(AddBookComponent)
.afterClosed()
.subscribe(response => {
console.log(response);
});
}