Configを使用してプロパティ値を渡そうとしています。ただし、ダイアログは全画面表示されません。
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',
right: '10px'
},
height: '98%',
width: '100vw',
panelClass: 'full-screen-modal',
};
const dailog = this.dialog.open(TwigDialogComponent, config);
}
クラスの作成:
.full-screen-modal .mat-dialog-container {
max-width: none;
}
私のためのこの仕事
let dialogRef = this.dialog.open(CustomerGarageAddEditComponent, {
maxWidth: '100vw',
maxHeight: '100vh',
height: '100%',
width: '100%'
});
ソース