角材料 2 md 菜单位置

Question

出于某种原因，md-menu似乎总是出现在触发元素的左侧。

有关示例，请参阅此 plnkr。

<button md-button [mdMenuTriggerFor]="appMenu" style="width: 300px">
BUTTON
</button>
<md-menu #appMenu="mdMenu">
<button md-menu-item> Settings </button>
<button md-menu-item> Help </button>
</md-menu>

有没有办法控制它？

我希望菜单出现在按钮中间或单击的位置。

多谢！

Answer 1

md-menu只提供positionX的before和after。因此，没有记录的移动菜单面板的方法。

作为一种解决方法，如果您知道触发器元素的位置，则可以添加一些 css 覆盖来移动菜单面板。

下面是一个示例：

.css：

>>> .cdk-overlay-pane {
left: 100px !important;
}

普伦克演示