如何在mouseenter上隐藏/显示mat-menu并在按钮上隐藏mouseleave？

Question

我可以通过按钮在mouseenter上显示mat-menu，也可以从下拉菜单中在mouseleave上将其关闭。如果我自己保留按钮，则希望菜单关闭。目前，只有在我先进入菜单然后再离开菜单时，它才起作用。

<button mat-button *ngIf="logged_in" [mat-menu-trigger-for]="menu" (mouseenter)="menuTrigger.openMenu()"
    #menuTrigger="matMenuTrigger">Profile
    <mat-menu [overlapTrigger]="false" #menu="matMenu">
        <span (mouseleave)="menuTrigger.closeMenu()">
            <button mat-menu-item>
                <mat-icon>account_circle</mat-icon>My Profile
            </button>
        </span>
    </mat-menu>
</button>