Javascript 如何使用MatdialogRef显示对话框？

我有一个与的服务调用，用于检索一些项目数据。我用的是Matsnakbar

但我想在出现问题时显示对话框消息。例如，网络故障

所以在谷歌浏览器中，我选择离线。然后我想看看对话

但是对话框没有出现，但是控制台消息将被打印出来

所以我是这样的：

filterProjects(event, index, item) {
    if (event.checked === true) {
      this.extendedSearchFilterService.filterByProject(item.projectId).subscribe(
        () => {

        },
        error => {
          console.error('Server error when getting the projects', error);
          this.snackBar.open('Er ging iets mis bij het ophalen van de projecten, probeer het later nog een keer', 'Ok');
          this.dialog.close();
        }
      );

      this.datasource.filter = item.name;
    } else {
      this.datasource.filter = '';
    }
  }

我在控制台中看到这样的信息：

list.component.ts:117 Server error when getting the projects HttpErrorResponse {headers: HttpHeaders, status: 0, statusText: "Unknown Error", url: null, ok: false, …}

zone.js:2969 OPTIONS https://dev-engine.mijnhep.nl/api/medical/organisation/1/Participant/filter-by-project?ProjectId=4f78e0c0-8cd3-4e37-bf62-105f622c483f net::ERR_INTERNET_DISCONNECTED

但是对话：

    this.snackBar.open('Er ging iets mis bij het ophalen van de projecten, probeer het later nog een keer', 'Ok');

不会出现

那么如何显示对话框呢

---

谢谢

如果您想要消息，可以尝试放置：

警报（“演示消息”）

希望这能解决这个问题。
如果您想要消息，可以尝试放置：
警报（“演示消息”）

希望这能解决问题。
谢谢。好的，行了。但我当然想用Matsnakbar和花式对话框。因为我也在其他组件中使用它。这很管用，但有人有什么建议吗？太好了，谢谢你。好的，行了。但我当然想用Matsnakbar和花式对话框。因为我也在其他组件中使用它。这很管用，但有人有什么建议吗？那太好了
error => {
          console.error('Server error when getting the projects', error);
          alert('Er ging iets mis bij het ophalen van de projecten, probeer het later nog een keer', 'Ok');
          this.dialog.close();
        }