Programming Steps: 213 Ionic-v1 Pull To Refresh: Nightly

Friday, June 2, 2017

213 Ionic-v1 Pull To Refresh: Nightly

Pull To Refresh: Nightly
code example:

<title>Ionic Pull to Refresh</title>

<ion-header-bar class="bar-positive">
      <h1 class="title">Pull To Refresh</h1>
    </ion-header-bar>

<ion-content>
      <ion-refresher on-refresh="doRefresh()">
                     
      </ion-refresher>
      <ion-list>
        <ion-item ng-repeat="item in items">{{item}}</ion-item>
      </ion-list>
    </ion-content>
<script>
angular.module('ionicApp', ['ionic'])

.controller('MyCtrl', function($scope, $timeout) {
  $scope.items = ['Item 1', 'Item 2', 'Item 3'];
  
  $scope.doRefresh = function() {
    
    console.log('Refreshing!');
    $timeout( function() {
      //simulate async response
      $scope.items.push('New Item ' + Math.floor(Math.random() * 1000) + 4);

//Stop the ion-refresher from spinning
      $scope.$broadcast('scroll.refreshComplete');
    
    }, 1000);
      
  };
  
});  
    </script>
  </body>
</html>

https://codepen.io/ionic/pens/public/

201706,20170602

Programming Steps

Learn the powerful enterprise adaptable database:

Getting Started With ADABAS & Natural

Friday, June 2, 2017

213 Ionic-v1 Pull To Refresh: Nightly

No comments:

Post a Comment