css - 如何传入 Angular mat 对话框的宽度和高度？

Question

我在 Angular 中有这个 Mat 对话框，我知道我应该在该对象旁边传递宽度和高度的样式，但我无法弄清楚如何，它不断抛出错误。或者有没有其他方法来设置宽度和高度？谢谢

let dialogRef = this.dialog.open(GroupChooseComponent, {data: {variant} });

Answer 1

您可以根据最新版本的 Angular Material 添加宽度或高度。

let dialogRef = this.dialog.open(GroupChooseComponent, {
    width: '500px',
    height: '500px'
});

Answer 2

解决方案 1

您无法更改高度或宽度，因为该库根据我的代码（在我的项目中）{ lg, sm, md } 修复了大小，它适用于我，您可以遵循类似的方法

this.modalRef = this.modalService.open(UploadUserComponent, { size: 'lg' });

解决方案 2

您可以创建单独的 css 文件来自定义您想要的样式宽度或高度。