如何在Angular 5中的mat-menu覆盖上添加类？

Question

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

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

我想在父CDk叠加上添加类，因为在响应式菜单中没有正确打开。请查看下面的图片。

Answer 1

将backdropClass添加到mat-menu，然后在全局样式文件中添加样式。我想，那个cdk-overlay-pane是你想要的风格。例如：

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

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

Answer 2

我有同样的问题，这就是我在工具栏下方定位菜单所做的工作。

::ng-deep .cdk-overlay-pane {
  top: 48px!important;
}