ionic-team / ionic-v3

The repo for Ionic 3.x. For the latest version of Ionic, please see https://github.com/ionic-team/ionic
Other
127 stars 85 forks source link

Virtual Scroll Check Box Issue #639

Open ionitron-bot[bot] opened 5 years ago

ionitron-bot[bot] commented 5 years ago

Original issue by @vivekk24 on 2018-06-16T16:28:58Z

Bug Report

Ionic Info

cli packages: (/Users/sysquare/Desktop/IonicHome/frontend/node_modules)

    @ionic/cli-utils  : 1.19.2
    ionic (Ionic CLI) : 3.20.0

global packages:

    cordova (Cordova CLI) : 8.0.0 

local packages:

    @ionic/app-scripts : 3.1.9
    Cordova Platforms  : android 7.0.0 ios 4.3.1
    Ionic Framework    : ionic-angular 3.9.2

System:

    Android SDK Tools : 26.1.1
    ios-deploy        : 1.9.2 
    Node              : v9.3.0
    npm               : 6.1.0 
    OS                : macOS High Sierra
    Xcode             : Xcode 9.3 Build version 9E145 

Environment Variables:

    ANDROID_HOME : /Users/sysquare/Library/Android/sdk

Misc:

    backend : pro

Describe the Bug

<ion-list [virtualScroll]="testList" approxItemHeight="50px"> <ion-item *virtualItem="let member">

{{member?.testName || 'N/A'}}
  <ion-checkbox color="btn-purple" (click)="selectMember(member)" [(ngModel)]="member.checked"></ion-checkbox>
</ion-item>

Steps to Reproduce Steps to reproduce the behavior:

  1. Have to show list of 2000 records.
  2. Click on any checkbox
  3. Scroll down to list but selected checkbox index showing selected when reload new data this is not happening with *ngfor.

Expected Behavior If i select any records and scroll the list than another data should not show selected till i did not click on checkbox.

haga2112 commented 4 years ago

+1

llinq commented 4 years ago

+1

16am commented 4 years ago

+1

visued commented 3 years ago

+1