Angular Material: 弹出 Windows : 允许点击原始 Window 并且不灰显

Question

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

要求：

a) 返回原始屏幕不应变灰，

b) 允许用户在原先window后面点击返回

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

简单地说，它应该是常规弹出窗口。如何在 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 选项，那也可以作为答案。

资源：

How can i make a MatDialog draggable / Angular Material

更新：

目前正在 Material 对话框中测试 hasBackdrop: false，这可以作为答案吗？

Answer 1

试试这个。通过添加 hasBackdrop true 或 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 => {

    });
  }

Angular Material: 弹出 Windows : 允许点击原始 Window 并且不灰显

Angular Material: Popup Windows : Allow Click in Original Window and Do Not Grey Out

typescript

angular-material

angular

angular8

material-dialog