refactor(scroll): merge into ion-content

core/src/components/infinite-scroll/test/basic/index.html

@@ -38,10 +38,6 @@
   </ion-app>
 
   <script>
-    let items = [];
-    for (var i = 0; i < 30; i++) {
-      items.push(i + 1);
-    }
     const list = document.getElementById('list');
     const infiniteScroll = document.getElementById('infinite-scroll');
 
@@ -51,35 +47,30 @@
 
     infiniteScroll.addEventListener('ionInfinite', async function () {
       console.log('Loading data...');
-      const data = await getAsyncData();
-      items = items.concat(data);
+      await wait(500);
       infiniteScroll.complete();
-      render();
+      appendItems();
+
       console.log('Done');
     });
 
-    function render() {
-      let html = '';
-      for (let item of items) {
-        html += `<ion-item>${item}</ion-item>`;
+    function appendItems() {
+      for (var i = 0; i < 30; i++) {
+        const el = document.createElement('ion-item');
+        el.textContent = `${1 + i}`;
+        list.appendChild(el);
       }
-      list.innerHTML = html;
     }
 
-    function getAsyncData() {
-      // async return mock data
+    function wait(time) {
       return new Promise(resolve => {
         setTimeout(() => {
-          let data = [];
-          for (var i = 0; i < 30; i++) {
-            data.push(i);
-          }
-
-          resolve(data);
-        }, 500);
+          resolve();
+        }, time);
       });
     }
-    render();
+
+    appendItems();
 
   </script>
 </body>