[SOLVED]Click checked icon item list custom

Ionic Framework ionic-v3
1

I have a list and I would like to click in item and show icon checked only in item clicked

checke item
checke item442×604 14.3 KB

In ts I have the following code

  selectDevice(device: any, i: any) {
    this.devices[i]; 
        this.mostrar = !this.mostrar; 
  }

and in my view I have

  <ion-list>
    <ion-item *ngFor="let device of devices; let i = index" (click)="selectDevice(device, i)" >
      <img src="assets/images/wi-fi.png" alt="" class="wifi-img">
      <ion-label>{{ device.SSID }}</ion-label>
 
      <img src="assets/images/checked.png" *ngIf="mostrar || device[i]" alt="" class="checked-img">
    </ion-item>
  </ion-list>
2

I resolved this

  selectDevice(device: any, count: any) { 
    this.mostrar = !this.mostrar;
    this.SSID = this.devices.filter(e => e['SSID'] == device['SSID'])[0]['SSID']
  }

and view

  <ion-list>
    <ion-item *ngFor="let device of devices; let i = index" (click)="selectDevice(device, i)" >
      <img src="assets/images/wi-fi.png" alt="" class="wifi-img">
      <ion-label>{{ device.SSID }}</ion-label>

      <img src="assets/images/checked.png" *ngIf="mostrar && device['SSID'] == SSID" alt="" class="checked-img">
    </ion-item>
  </ion-list>