angular display on hover 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 11 on hover

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

Example 3: angular 11 on hover

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