virtualScroll does not work

Ionic Framework ionic-v3
1

Hello,

the virutalScroll of ion-item does not work.

 Template parse errors:
Can't bind to 'virtualItem' since it isn't a known property of 'ion-item'

<ion-list [virtualScroll]="items">
  <ion-item *virtualItem="#item">
    {{ item }}
  </ion-item>
</ion-list>

I think I use the correct version of ionic which contains the virtuallScroll ability.
Here is my package.json

 "@angular/common": "4.4.6",
    "@angular/compiler": "4.4.6",
    "@angular/compiler-cli": "4.4.6",
    "@angular/core": "4.4.6",
    "@angular/forms": "4.4.6",
    "@angular/http": "4.4.6",
    "@angular/platform-browser": "4.4.6",
    "@angular/platform-browser-dynamic": "4.4.6",
    "@ionic-native/core": "4.4.2",
    "@ionic-native/keychain": "^4.5.2",
    "@ionic-native/splash-screen": "4.4.2",
    "@ionic-native/status-bar": "4.4.2",
    "@ngx-translate/http-loader": "^2.0.0",
    "cordova-browser": "^4.1.0",
    "cordova-ios": "4.4.0",
    "ionic-angular": "3.9.2",
    "ionic-plugin-keyboard": "^2.2.1",
    "ionicons": "3.0.0",
    "rxjs": "^5.5.2",
    "sw-toolbox": "3.6.0",
    "zone.js": "0.8.18"
2

Compare your code with the doc. It is different

3

I did it also, but let item cannot be compiled and same error is outputted.
On the template taken from the documentation the compiler shows that on the let item an of expected.

4

works like a charm. check home.ts and home.html

1 Like