angular hover event code example

Example 1: mouseover angular 6

<div (mouseover)="changeText=true" (mouseout)="changeText=false">
  <span *ngIf="!changeText">Hide</span>
  <span *ngIf="changeText">Show</span>
</div>

Example 2: angular element onhover

<div
  (mouseenter)="myMethod()"
  (mousedown)="myMethod()"
  (mouseup)="myMethod()"
></div>

Example 3: angular 11 on hover

<div (mouseover)="changeText=true" (mouseout)="changeText=false">

Example 4: angular 11 on hover

<span *ngIf="changeText">Show</span>

Example 5: angular 11 on hover

<span *ngIf="!changeText">Hide</span>