Angular Материал: Всплывающее окно Windows: Разрешить щелчок в исходном окне и не затенять

Question

Попытка использовать Angular Диалог материалов или любой компонент всплывающего окна. Частично работает.

Требования:

a) Задний исходный экран не должен быть серым,

b) Пользователь может вернуться в исходное первое окно позади него

c) Наконец, нужно отправить данные обратно в исходный компонент окна. (у нас это работает)

Просто должно быть обычное всплывающее окно. Как это можно сделать в Angular Материальном диалоге? Кажется, что это блокирует задний экран.

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 Материал, который предлагает полную службу связи с привязкой данных. Если есть другой вариант Angular, он также может работать для ответа.

Resource:

Как сделать MatDialog перетаскиваемым / Angular Материал

Обновление:

В настоящее время тестируется 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 => {

    });
  }