mat-menu 中的 xPosition 和 yPosition 不起作用

Question

我在角度材料本身中尝试了 xPosition 和 yPostion 。但它不起作用。我不知道我是否错过了什么。

<button mat-button [matMenuTriggerFor]="menu">Menu</button>
<mat-menu #menu="matMenu" xPosition="after">
  <button mat-menu-item>Item 1</button>
  <button mat-menu-item>Item 2</button>
</mat-menu>

我提到了几个链接，表明问题已解决。参考这里。

我想不通。

提前致谢。

Answer 1

这真的很痛苦，但我有一个解决方法。在单独的 css 文件中，您可以提及：

::ng-deep.mat-menu-panel {
/* These numbers are my requirement, put something which suits yours */
  transform: translate(0px, 32px); 
}

但是，如果即使在此更改之后您也面临此问题，则将其带到下一步以覆盖面板：

::ng-deep.cdk-overlay-pane{
  transform: translate(0px, 32px);
}

祝你好运。希望这可以帮助...

Answer 2

这对我来说非常有效。你不会错过任何东西。代码是正确的。这取决于您尝试添加的方向。

图片1：

图片2：

在这些图像中，有相同的代码，在第一张照片中，按钮下方没有任何位置。