How to get Ionic checkbox value?

Ionic Framework ionic-v3
1

I load the User Id from the database(rest api) and then I used ion check box to select the user whom i want to delete but as I have all the users param same i.e uid, when I use ngmodel to get the value of the selected item all the items are selected just because of “uid”. So how can i select only one user and get the uid value??
below is my code:

<ion-header>

  <ion-navbar>
    <ion-title>Delete User</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>
  <div *ngFor="let obj of response1Obj; let i = index">
    <ion-item>
      <ion-label>User ID: {{obj.uid}}</ion-label>
      <ion-checkbox [(ngModel)]="uid" color="Royal"></ion-checkbox>
    </ion-item>
  </div>
  <div>
    <button ion-button (click)="delUser();" style="text-align:center;">Delete</button>
  </div>
</ion-content>

image
image.png310×546 12.9 KB

2

to make it more understandable

<div *ngFor="let user of response1Obj">
  <ion-item>
      <ion-label>User ID: {{user.uid}}</ion-label>
      <ion-checkbox [(ngModel)]="user.selected" color="Royal"></ion-checkbox>
    </ion-item>
  </div>

ngModel should create the ‘selected’ entry in the object if it is selected (careful they could unselect after that
so you need to check the array when the button is pushed to see if the element HAS a selected element AND
(if present) it is true (checked)

or
selected is an array, of false. for as many entries as in the user array

  <div *ngFor="let user of response1Obj; let i = index">
    <ion-item>
      <ion-label>User ID: {{user.uid}}</ion-label>
      <ion-checkbox [(ngModel)]="selected[i]" color="Royal"></ion-checkbox>
    </ion-item>
  </div>

then check the selected array for any checked when the button is pushed