fix(virtualScroll): detect changes in individual nodes

Closes #6137

src/components/virtual-scroll/test/basic/index.ts

@@ -6,13 +6,18 @@ import {ionicBootstrap} from '../../../../../src';
   templateUrl: 'main.html'
 })
 class E2EPage {
-  items = [];
+  items: any[] = [];
 
   @ViewChild('content') content: ElementRef;
 
   constructor() {
     for (var i = 0; i < 200; i++) {
-      this.items.push(i);
+      this.items.push({
+        value: i,
+        someMethod: function() {
+          return `!!`
+        }
+      });
     }
   }
 

src/components/virtual-scroll/test/basic/main.html

@@ -18,7 +18,7 @@
     </ion-item-divider>
 
     <ion-item *virtualItem="let item">
-      Item: {{item}}
+      Item: {{item.value}} {{item.someMethod()}}
     </ion-item>
 
   </ion-list>

src/components/virtual-scroll/virtual-scroll.ts

@@ -436,7 +436,7 @@ export class VirtualScroll implements DoCheck, AfterContentInit, OnDestroy {
                       this._ftrTmp && this._ftrTmp.templateRef, true);
 
     // ******** DOM WRITE ****************
-    this._cd.detectChanges();
+    this.detectChanges();
 
     // wait a frame before trying to read and calculate the dimensions
     nativeRaf(this.postRenderVirtual.bind(this));
@@ -473,14 +473,7 @@ export class VirtualScroll implements DoCheck, AfterContentInit, OnDestroy {
   /**
    * @private
    */
-  scrollUpdate() {
+  detectChanges() {
-    clearNativeTimeout(this._tmId);
-    this._tmId = nativeTimeout(this.onScrollEnd.bind(this), SCROLL_END_TIMEOUT_MS);
-
-    let data = this._data;
-
-    if (this._queue === QUEUE_CHANGE_DETECTION) {
-      // ******** DOM WRITE ****************
     let node: VirtualNode;
     for (var i = 0; i < this._nodes.length; i++) {
       node = this._nodes[i];
@@ -489,6 +482,20 @@ export class VirtualScroll implements DoCheck, AfterContentInit, OnDestroy {
         node.hasChanges = false;
       }
     }
+  }
+
+  /**
+   * @private
+   */
+  scrollUpdate() {
+    clearNativeTimeout(this._tmId);
+    this._tmId = nativeTimeout(this.onScrollEnd.bind(this), SCROLL_END_TIMEOUT_MS);
+
+    let data = this._data;
+
+    if (this._queue === QUEUE_CHANGE_DETECTION) {
+      // ******** DOM WRITE ****************
+      this.detectChanges();
 
       if (this._eventAssist) {
         // queue updating node positions in the next frame
@@ -573,7 +580,7 @@ export class VirtualScroll implements DoCheck, AfterContentInit, OnDestroy {
     adjustRendered(this._cells, this._data);
 
     // ******** DOM WRITE ****************
-    this._cd.detectChanges();
+    this.detectChanges();
 
     // ******** DOM WRITE ****************
     this.setVirtualHeight(