CODEWITHSUNDEEP
angularjs
shirish lakhe
shirish lakhe

Reputation: 11

How to prevent another event listener (mouseout) after click event has fired in Angular

I want to disable the (mouseout) event once only when (click) event has fired.

<li
  class="ci-inline-flex ci-flt-l width100 tooltip ci-cursor"
  *ngFor="let menu of menuData;let i=index"
  [ngClass]="{
            'ci-bgclr-18 ci-border-radius-5': selectedItem == i,
            'disabled': disabledVal == i,
            'disabled': headerdisplay == false && menu.menuName == 'Encounter'}"
  (click)="reDirectTo(menu.route,menu.routeTyPe, menu.menuName,i,$event)"
  (mouseover)="menu.src = menu.activeIcon"
  (mouseout)="menu.src = menu.icon"
>

Upvotes: 0

Views: 95

Answers (1)

www.admiraalit.nl
www.admiraalit.nl

Reputation: 6089

In function reDirectTo, you could set a flag, e.g. redirected = true and then check that flag in (mouseout):

(mouseout)="if (!redirected) menu.src = menu.icon"

Upvotes: 1

Related Questions