我目前正在编写一个应用,最近决定将其方向从“ ltr”更改为“ rtl”。我已经对所有组件进行了相应的更改,但是我的mat-menu曾经显示在其触发器的左侧(菜单从侧栏,应用程序右侧调用),现在浮在左侧,而我似乎无法使其再次出现在触发器旁边!
我尝试直接从style.scss更改元素样式,但无济于事。 我还尝试使用mouse-event尝试强制更改其位置,但是它似乎不起作用...
我的html代码:
<div [matMenuTriggerFor]="general" #trigger="matMenuTrigger"></div>
<button (click)="onClick(trigger)"></button>
<mat-menu #general="MatMenu" overlapTrigger="false">
<app-menu-content></app-menu-content>
</mat-menu>