如何打开Md对话框全屏angular4？

我试图使用config传递一些属性值。但对话框不能打开到全屏

openTwigTemplate（）：void{
让config=newMDDialogConfig（）；
配置={
职位：{
顶部：“10px”，
右图：“10px”
},
身高：98%，
宽度：“100vw”，
};
const dailog=this.dialog.open（TwigDialogComponent，config）；
}

---

如何根据分辨率全屏打开对话框？

您可以在对话框中添加一个

panelClass

，然后将任何css应用于该特定对话框

openTwigTemplate（）：void{
让config=newMDDialogConfig（）；
配置={
职位：{
顶部：“10px”，
右图：“10px”
},
身高：98%，
宽度：“100vw”，
panelClass:“全屏模式”，
};
const dailog=this.dialog.open（TwigDialogComponent，config）；
}

创建类：

.full-screen modal.mat对话框容器{
最大宽度：无；
}

这是我的工作

let dialogRef = this.dialog.open(CustomerGarageAddEditComponent, {
      maxWidth: '100vw',
      maxHeight: '100vh',
      height: '100%',
      width: '100%'
    });

来源

这对我来说很有用：

openTwigTemplate（）：void{
const dialog=this.dialog.open（TwigDialogComponent{
disableClose：对，
panelClass:[“全屏模式”]
});
}

样式表：

---

这段代码在maxWidth设置为95vw

dialogConfig={position:{top:'10px'，right:'10px'}，height:'98%'，width:'100vw'，maxWidth:'95vw'，panelClass:'full screen modal'}时对我有效实际上，此解决方案使对话框完全全屏显示。谢谢，这是最简单的解决方案。
.full-screen-modal {
  max-width: unset !important;
  width: 100%;
  height: 100%;
  .mat-dialog-container {
    max-width: 100vw;
    max-height: 100vh;
    height: 100%;
    width: 100%;
    .mat-dialog-content {
      max-height: unset !important;
    }
  }
}