angular - 如何在 Angular 5 的垫子菜单叠加层上添加类？

Question

我检查了 mat-menu API ( https://material.angular.io/components/menu/api#MatMenu ) 但我找不到如何在 mat-menu cdk overlay 上添加类。

我想在包含 mat-menu 模板的 cdk overlay 上添加一个类。任何人都可以提供帮助吗？

我想在父 cdk 覆盖上添加类，因为在响应式菜单中没有正确打开。检查下图。

Answer 1

在mat-menu中添加backdropClass，然后在全局样式文件中添加样式。我认为 cdk-overlay-pane 是您想要设置样式的对象。例如:

<mat-menu #subMenu="matMenu" backdropClass="sg-vertical-sub-menu">
</mat-menu>

.sg-vertical-sub-menu+* .cdk-overlay-pane {
    margin-top: 12px;
}