如何將從 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!');

祝你好運，一開始並不容易，但文檔解釋得很好