css - 如何在 Angular 中定义材质对话框的大小

Question

谢谢你的阅读。

我一直在尝试打开一个设置大小的对话框。理想情况下是 90% 的宽度，但是我在这样做时遇到了麻烦。谁能指出我正确的方向（或者只是告诉我答案）。

我相信必须在调用中设置它才能打开盒子，如下所示：

  readMe({title,img,date,content}:Blog):void{
const dialogConfig = new MatDialogConfig();
dialogConfig.data = {
  title,
  img,
  date,
  content,
};
const dialogRef=this.dialog.open(BlogPostComponent,dialogConfig);

}

提前致谢，

Answer 1

您可以将宽度和高度属性添加到您的dialogConfig, 即

dialogConfig.width = '300px';
dialogConfig.height = '200px';

如有必要，还有 maxWidth 和 maxHeight 属性，请参阅文档。

Answer 2

继 Aldin Bradaric 的回答之后，这里是我现在使用的更新代码

  readMe({title,img,date,content}:Blog):void{
const dialogConfig = new MatDialogConfig();
dialogConfig.minWidth="75%";
dialogConfig.data = {
  title,
  img,
  date,
  content,
};
const dialogRef=this.dialog.open(BlogPostComponent,dialogConfig);

}