我试图使用配置传递一些属性值.但对话框无法全屏显示.
openTwigTemplate(): void { let config = new MdDialogConfig(); config = { position: { top: '10px',right: '10px' },height: '98%',width: '100vw',}; const dailog = this.dialog.open(TwigDialogComponent,config); }
如何根据分辨率打开对话框全屏?
解决方法
您可以将panelClass添加到对话框,然后将任何css应用于该特定对话框.
openTwigTemplate(): void { let config = new MdDialogConfig(); config = { position: { top: '10px',panelClass: 'full-screen-modal',config); }
创建类:
.full-screen-modal .mat-dialog-container { max-width: none; }