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

【问题标题】：Custom Configuration on mat dialog垫子对话框上的自定义配置
【发布时间】：2021-07-21 21:13:41
【问题描述】：

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

this.dialog.open(testcomponent, data);

请给我建议。

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

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

【讨论】：