refactor(collection-repeat): performance

2026-03-13 10:22:08 +08:00 · 2015-02-24 12:13:00 -07:00
parent 1924b9124f
commit bb866da3d7
15 changed files with 4338 additions and 1819 deletions
--- a/test/html/collection-repeat/basic-grid.html
+++ b/test/html/collection-repeat/basic-grid.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html ng-app="ionic">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
+
+    <title>Sample UL</title>
+
+    <link  href="/dist/css/ionic.css" rel="stylesheet">
+    <script src="/dist/js/ionic.bundle.js"></script>
+    <script src="stats.js"></script>
+  </head>
+
+  <body ng-controller="MainCtrl">
+    <ion-header-bar class="bar-positive">
+      <h1 class="title">Basic Grid: Dynamic Dimensions</h1>
+    </ion-header-bar>
+    <ion-content>
+      <ion-list can-swipe="true">
+        <ion-item class="item"
+          collection-repeat="item in items"
+          collection-item-height="75 + ($index % 40)*2"
+          collection-item-width="(10 + ($index % 10))+ '%'">
+          <h2>{{item.text}}</h2>
+        </ion-item>
+      </ion-list>
+    </ion-content>
+  <script>
+angular.module('ionic').controller('MainCtrl',MainCtrl)
+function MainCtrl($scope, $ionicScrollDelegate, $timeout, $q, $ionicLoading, $ionicModal) {
+  $scope.items = [];
+  function addImage() {
+    var i = $scope.items.length;
+    $scope.items.push({
+      text: 'Item ' + i,
+      image: 'http://placekitten.com/'+(100+50%i)+'/'+(100+50%i)
+    });
+  }
+  for (var i = 0; i < 10000; i++) addImage();
+}
+  </script>
+  <style>
+  </style>
+</body>
+</html>