Angular ИСПОЛЬЗУЕТ * ngFor для остатков mouseenter и mouseleave в нескольких li

Angular ИСПОЛЬЗОВАНИЕ * ng Для остатков mouseenter и mouseleave в нескольких li, я не знаю, в чем причина этого, пожалуйста, помогите мне, спасибо。

Интерфейс ИСПОЛЬЗУЕТ angular framework, mouseenter, mouseleave on * ng Для генерации нескольких li, быстрого скольжения при нескольких цветах фона дисплея я попытался заменить mouseover mouseout, но не

  <ul>
 <li class = "file-list-item" *ngFor = "let file of searchService.fileLists;let i = index"                                (mouseenter) = "file.hoverVisual=true;unfoldItem=false" (mouseleave) = "file.hoverVisual=false;unfoldItem=false"
 fxLayout = "row" fxLayoutAlign = "start center">
  <div class = "item-title-big" *ngIf = "!file.isshowTitle" fxLayout = "row" fxLayoutAlign = "start center">
   <div class = "panel-checkbox" #chbox>
...
  </div>
 </li>
</ul>

Я хочу отображать только одно изменение li, когда я смахиваю несколько раз, но я хочу отображать более двух изменений li, когда я быстро смахиваю.