如何将从 http 获取的数据从 Mat-Dialog 组件传递到 Angular 6 中的父组件？

Question

实际上我有一个组件打字稿文件，它有两个类，一个用于普通组件，另一个用于 mat-dialog，

我从 http 获取数据，但我想传递给父组件。

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

Answer 1

Mat Dialog 有特定的用法，不能与 HTML 标签一起使用。 使用提供的注射器。 您可以通过带有一个参数的 dialog.close() 方法传递数据。 然后使用 afterClosed observable 来获取该数据。

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

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

祝你好运，一开始并不容易，但文档解释得很好