角度6中的非模态(非模态)对话框

时间:2019-04-30 19:35:54

标签: angular

我要创建无模式对话框,即即使对话框显示在屏幕上也允许用户在父组件上工作的对话框,并且在对话框外部单击时不会关闭对话框。

反正有吗?

openDialog() {

    const dialogConfig = new MatDialogConfig();

    dialogConfig.disableClose = true;

    this.dialog.open(CourseDialogComponent, dialogConfig);
}

这里dialogConfig.disableClose = true;使对话框变为模态,我想知道是否有任何属性或设置可用于使该对话框变为非模态。

无模式对话框的示例,MS字中的样式对话框。即使屏幕上出现样式对话框,我也可以键入文本。 enter image description here

2 个答案:

答案 0 :(得分:1)

https://stackblitz.com/edit/angular-894yyy请检查此示例

export class NgbdModalConfig {
  constructor(config: NgbModalConfig, private modalService: NgbModal) {
    // customize default values of modals used by this component tree
    config.backdrop = false;
    config.keyboard = false;
  }

  open(content) {
    this.modalService.open(content);
  }
}

答案 1 :(得分:0)

也许我来晚了,但是我经历了同样的事情,这才是最好的解决方案:

https://stackblitz.com/edit/angular-dvkapm-v1afxh