html - 如何在 Angular Material 中添加占据对话框整个宽度的标题

Question

我是使用 Angular Material 的新手。我想在模态对话框中有一个占据整个宽度的标题。 Angular Material 是否提供任何属性，我可以在其中实现以下功能。

我想要什么

我得到了什么

这是 stackblitz 链接

https://stackblitz.com/edit/matdialog-directives-demo-nl9bkr?file=app%2Ffile-name-dialog.component.ts

Answer 1

您必须定位作为对话框一部分的元素 mat-dialog-container 元素并移除其填充。

类似的东西:

mat-dialog-container.mat-dialog-container {
  padding:0;
}

请注意，我习惯使用标签选择器和类选择器来使选择器的特异性更高。