mouseover和mouseout无法正常工作

Question

我正在学习angular7，并尝试将消息放在鼠标垫上。 当用户将鼠标悬停在下拉菜单（mat-select）上时，我想向他们显示消息。我放置了简单的代码并搜索了在线论坛，但它无法正常工作。它显示消息，但当我停止悬停时下拉消息不会消失。 我已经在下面发布了我的代码供您参考。

  <mat-form-field> 
  <Mat-select placeholder="select car" value="select car" 
             (selectonChange)="getCarList(selectCar)" 
    (mouseover)="showMsg=true" (mouseout)="showMsg=false">
    <mat-option value="jeep">Jeep</mat-option>
    <mat-option value="santro">Santro</mat-option>
  </mat-select>
   </mat-form-field>
   <span *ngIf="!showMsg">Hide</span>
   <span *ngIf="showMsg">Show</span>

在组件中定义布尔变量，并在构造函数中将其初始化为false。但在鼠标上味精不会消失。 我感谢您的帮助 。

乔丹