angular - MatDialogRef .afterClosed Observable

Question

我正在使用 MatDialogRef为了从组件调用模态。
关闭 ModalComponent 时，我尝试取回数据，但是 似乎什么都回不去了。

dialogRef = dialog.open(ModalComponent,ConfigObj).afterClosed
  .subscribe(data => console.log(data));

Modal 的所有其他功能，包括从 baseComponent 传递数据到 ModalComponent似乎工作正常。

Answer 1

老问题，但以防万一其他人偶然发现:

DialogRef 将返回您在调用 dialogRef.close() 时传入的数据。在对话框组件中完成后，调用:

const myDataObject = {
field1: 'My field'
}
dialogRef.close(myDataObject);

然后在您的父组件中，使用以下命令订阅数据:

dialogRef.afterClosed()
.subscribe( data => console.log(myDataObject.field1));

这将记录“我的领域”。

模态的返回值不是您传入的“数据”对象，它只是您想要返回的任何内容。