How to prevent show mat-menu on click?

Discussão em 'Angular' iniciado por cbcc, Dezembro 31, 2024.

  1. cbcc

    cbcc Guest

    I want to show and hide Mat-menu on mouseover and mouseout,but how to prevent show mat-menu on click?

    HTML

    <button mat-mini-fab color="primary" [matMenuTriggerFor]="menu"
    (mouseenter)="openMenu()">
    <img class="face" *ngIf="isLoginIn()" [src]="faceUrl">
    </button>
    <mat-menu #menu="matMenu">
    <div (mouseleave)="closeMenu()">
    <button class="login-menu-item" mat-flat-button color="primary">Login</button>
    <button class="login-menu-item" mat-flat-button color="">Logout</button>
    </div>
    </mat-menu>

    Continue reading...
    cbcc, Dezembro 31, 2024
    #1

Compartilhe esta Página