angular - Angular 材质：弹出窗口：允许在原始窗口中单击并且不要灰显

Question

尝试使用 Angular 材质对话框或任何弹出窗口组件。让它部分工作。

要求：

a) 返回原始屏幕不应该是灰色的，

b）用户允许在其后面的原始第一个窗口中单击返回

c) 最后，要将数据发送回原来的窗口组件。（这对我们有用）

简单地说，它应该是常规弹出窗口。这如何在 Angular Material 对话框中完成？好像是锁屏了。

public openAdvancedPropertySearchDialog(): void {
    const advancedApnSearchDialogRef = this.advancedApnSearchDialog.open(DocumentPropertyGridComponent, {
      width: '800px',
      height: '450px',
      disableClose: true,
      autoFocus: false,
      data: "test"
    });

    advancedApnSearchDialogRef.afterClosed().subscribe(result => {

    });
  }

我们可以使用 javascript window.open，但更喜欢提供完整数据绑定通信服务的 Angular Material。如果还有另一个 Angular 选项，那也可以作为答案。

资源：

我怎样才能使 MatDialog 可拖动/角度材质

更新：

目前hasBackdrop: false在材料对话框中进行测试，这可以作为答案吗？

Answer 1

尝试这个。通过添加一个hasBackdroptrue 或 false 你可以实现你想要的

public openAdvancedPropertySearchDialog(): void {
    const advancedApnSearchDialogRef = this.advancedApnSearchDialog.open(DocumentPropertyGridComponent, {
      width: '800px',
      height: '450px',
      disableClose: true,
      autoFocus: false,
      data: "test",
      hasBackdrop: false,
      
    });

    advancedApnSearchDialogRef.afterClosed().subscribe(result => {

    });
  }