Nativescript checkbox in listview selects unwanted checkboxes, if i check first one the 9th is getting selected too

Question

 <ListView #itemsList  height="100%"  [items]="filterArray('completed')" class="list-group" (loaded)="onLoaded($event)">
                
                <ng-template let-item="item" let i="index">
                   <GridLayout class="list-group-item" text="Button" [nsRouterLink]="['/execution']" pageTransition="slide" (tap)="onTap(item)" rows="*, *, auto" columns="auto, 40, *, 30, 70">
                    <CheckBox  #CB (checkedChange)="onCheckChange($event, item);this.checkBox.nativeElement.android.setChecked(checked);" [text]="" row="0" col="0" rowSpan="3" checked="{{checkAll}}" [ngClass] = "uploadConfirmed || deleteConfirmed ? 'selectActive' : 'selectInactive'"></CheckBox>
                     <Image   src="res://green" rowSpan="3" row="0" col="1"></Image> 
                    <Label  [text]="item['hours']" class="itemHours" row="0" col="2"></Label>
                    <Image  *ngIf="item['uploaded']" src="res://uploaded" row="0" col="3" ></Image> 
                    <Label [text]="item.title" colSpan="3" row="2" col="2" class="itemTitle"></Label>
                </GridLayout>
               </ng-template> 
           </ListView>

This Is happening when i scroll on listview, I did not find any solution for this. If I have only 7 checkboxes everything goes smoothly.