virtual-scroll with table row - ionic 4 RC01

Bug Report

Ionic version: [x] 4.x

Current behavior: Virtual Scroll throws an error “TypeError: Cannot read property ‘context’ of undefined” and does not render anything when trying to repeat table rows and data

Expected behavior: Virtual scroll renders list of objects performantly.

Steps to reproduce:

In a page create an array of objects

testArray = [{name:“test1”}, {name:“test2”}, {name:“test3”}]

In the template , populate a row with the following template

<ion-virtual-scroll [items]="testArray">
    <tr *virtualItem="let item">
	<td>{{item.name}}</td>
    </tr>
</ion-virtual-scroll>

If we replace tr tags with ion-item the error disappears and it renders the elements in the DOM but the elements are not visible.

Other information:

Ionic info:

Ionic:
   ionic (Ionic CLI)             : 4.6.0 
   Ionic Framework           : @ionic/angular 4.0.0-rc.1
   @angular-devkit/build-angular : 0.11.4
   @angular-devkit/schematics    : 7.1.4
   @angular/cli                  : 7.1.4
   @ionic/angular-toolkit        : 1.2.2

System:
   NodeJS : v10.15.0 
   npm    : 6.5.0
   OS     : Windows 7

[coffeymatt]

I have the same issue with a virtual scroll containing an ion-item-sliding, same stack trace.

[akilude]

Here is the full error text

TypeError: Cannot read property ‘context’ of undefined at fesm5.js:3778 at ZoneDelegate.push…/node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:391) at Object.onInvoke (core.js:16156) at ZoneDelegate.push…/node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:390) at Zone.push…/node_modules/zone.js/dist/zone.js.Zone.run (zone.js:150) at NgZone.push…/node_modules/@angular/core/fesm5/core.js.NgZone.run (core.js:16070) at IonVirtualScroll.push…/node_modules/@ionic/angular/dist/fesm5.js.IonVirtualScroll.nodeRender (fesm5.js:3767) at doRender (ffukzwt6.entry.js:1) at t.writeVS (ffukzwt6.entry.js:1) at p (ionic.core.js:9)