title: how to add class to particular `li` tag in ngFor loop?
body: <p>Im trying to add class on mouseover in <code>li</code> tag on <code>ngFor</code> loop. but when mouseover the <code>li</code> tag all the <code>li</code> tag <code>btn-success</code> class is added. how to add class to particular <code>li</code> tag in ngFor loop?.</p>
  
  <pre><code>&lt;li class="hhwtmainmenu" *ngFor="let headermenu of headermenus.header; let i=index; " [class.btn-success]="mouseOvered" (mouseout)="mouseOvered=false" (mouseover)="mouseOvered=true"&gt;
      {{headermenu.title}}
  &lt;/li&gt;
  </code></pre>