angular div mouseenter event code example

Example 1: angular mouseenter

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

Example 2: angular mouseenter

enter(i) {
    this.hoverIndex = i;
}

leave(i) {
    this.hoverIndex = null;
}