fix(virtual-scroll): create views inside zone

fixes #10451

Author: manucorporat

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

@@ -501,15 +501,17 @@ export class VirtualScroll implements DoCheck, AfterContentInit, OnDestroy {
 
       adjustRendered(cells, data);
 
-      populateNodeData(
-        data.topCell, data.bottomCell,
-        data.viewWidth, true,
-        cells, records, nodes,
-        this._itmTmp.viewContainer,
-        this._itmTmp.templateRef,
-        this._hdrTmp && this._hdrTmp.templateRef,
-        this._ftrTmp && this._ftrTmp.templateRef, needClean
-      );
+      this._zone.run(() => {
+        populateNodeData(
+          data.topCell, data.bottomCell,
+          data.viewWidth, true,
+          cells, records, nodes,
+          this._itmTmp.viewContainer,
+          this._itmTmp.templateRef,
+          this._hdrTmp && this._hdrTmp.templateRef,
+          this._ftrTmp && this._ftrTmp.templateRef, needClean,
+        );
+      });
 
       if (needClean) {
         this._cd.detectChanges();

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

@@ -233,9 +233,10 @@ export function populateNodeData(startCellIndex: number, endCellIndex: number, v
     availableNode.cell = cellIndex;
 
     // apply the cell's data to this node
-    availableNode.view.context.$implicit = cell.data || records[cell.record];
-    availableNode.view.context.index = cellIndex;
-    availableNode.view.context.count = recordsLength;
+    var context = availableNode.view.context;
+    context.$implicit = cell.data || records[cell.record];
+    context.index = cellIndex;
+    context.count = recordsLength;
     availableNode.hasChanges = true;
     availableNode.lastTransform = null;
     hasChanges = true;