Target a checkbox in *ngfor checkbox list

I have a list of checkboxes that are binded to an object in my component typescript file, I want it to check/uncheck on the list when user clicks on the checkbox, but for some reason, it only checks the and uncheck the first checkbox on the list and not the one that user has clicked on. Here is the code below:

<div>
  <ul class="reports-container">
    <li *ngFor="let item of data.reports" [class.active]="selectedReport==item" >
      <input type="checkbox" id="savedreport" class="k-checkbox" [checked]="item.IsSubscribed" [value]="item.IsSubscribed"(change)="onChkBoxChange($event,item)" />
    </li>
   </ul>
</div>

here is the typescript function:

onChkBoxChange(event, item: SavedReport) {
   item.IsSubscribed = event.target.checked;
}

when I put a breakpoint it always passes in the first item from the list, any thoughts?