InfiniteScrollApp/index.html at master · d4dilip/InfiniteScrollApp · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html>
<html ng-app="ionicInfiniteScrollApp">
<head lang="en">
    <meta charset="UTF-8">
    <link href="http://code.ionicframework.com/1.0.0-beta.10/css/ionic.min.css"  rel="stylesheet">
    <script src="http://code.ionicframework.com/1.0.0-beta.10/js/ionic.bundle.min.js"></script>
   <script src="app.js"></script>
    <title>Infinite App Example </title>
</head>
<body ng-controller="InfiniteAppCntrl">
<ion-content>
    <ion-header-bar >{{items.length}} items</ion-header-bar>
</ion-content>
<ion-content class="has-header">
<ion-list>
    <ion-item ng-repeat="item in items"  item="item" href="#{{item.id}}">
        Item {{item.id}}
    </ion-item>
<ion-infinite-scroll distance="2"
                     on-infinite="loadMoreData()"
                     ng-if="!moredata"
                     ></ion-infinite-scroll>
</ion-list>
</ion-content>
</body>
</html>