"垫子上的自定义配置"对话框

Question

我正在使用角度和材质创建一个项目。我在我的应用程序中使用有角度的材质对话框。我几乎从10个屏幕打开对话框，现在我想在对话框的顶部添加类，但我不想为所有屏幕编写代码来添加类。我想在一些条件的基础上在垫子对话框上全局添加类

this.dialog.open(testcomponent, data);

请给我提个主意。

我不想在每个组件上添加，我想在dailog容器上全局添加

Answer 1

每次打开对话框时，都必须添加自定义类。检查文档：https://material.angular.io/components/dialog/api#MatDialogConfig

this.dialog.open(testcomponent, {
data,
panelClass: CONDITION ? 'class1' : 'class2'
});

Answer 2

您可以将panelClass添加到对话框配置中，并全局设置此类的样式：

this.dialog.open(testcomponent, {
// ...
panelClass: 'customClass'
});