角材料：弹出窗口：允许在原始窗口中单击并且不灰显

Question

尝试使用“角度材质对话框”或任何弹出窗口组件。让它部分起作用。

要求：

a）背面的原始屏幕不应变灰，

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

c）最后，要将数据发送回原始窗口Component。 （这对我们有用）

简单来说，它应该是常规弹出窗口。 如何在“角度材质”对话框中完成此操作？似乎正在锁定后退屏幕。

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选项，那也可以解决问题。

资源：

How can i make a MatDialog draggable / Angular Material

更新：

当前正在“材质”对话框中测试hasBackdrop: false，这可能可以作为答案？

Answer 1

尝试一下。通过添加hasBackdrop是或否，可以实现您想要的

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 => {

    });
  }