如何将从http获取的数据从Mat-Dialog组件传递到角度6的Parent组件?

时间:2019-01-05 12:55:24

标签: javascript angular typescript angular-material

实际上,我有一个组件打字稿文件,该文件有两个类,一个是普通组件,另一个是mat-dialog,

我从http那里获得了数据,但是我想传递给父组件。

我想将this.api.filterHotels(this.filterForm.value);的结果发送给父组件,如何?因为Iam在html文件的任何地方都没有使用<Mob-filter-dialog>标签。

1 个答案:

答案 0 :(得分:0)

垫对话框具有特定的用法,不适用于HTML标签。 使用提供的注射器。您可以通过使用一个参数的dialog.close()方法传递数据。然后使用afterClosed观察值获取该数据。

这是mat-dialog官方文档的一部分:

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

dialogRef.close('Pizza!');

祝你好运,一开始并不容易,但是文档说明得很好