javascript - Angular 对多个 li 中的 mouseenter 和 mouseleave 残基使用 *ngFor

Question

Angular对多个li的mouseenter和mouseleave残基使用*ngFor，不知道是什么原因，请大家帮忙，谢谢。</p>

前端使用了angular框架，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 变化。

标签： javascriptangularhtml-listsngfor