使い方 #

<script>
  ons.bootstrap()

  .controller('MyController', function($scope) {
    $scope.MyDelegate = {
      countItems: function() {
        // Return number of items.
        return 1000000;
      },

      calculateItemHeight: function(index) {
        // Return the height of an item in pixels.
        return 45;
      },

      configureItemScope: function(index, itemScope) {
        // Initialize scope
        itemScope.item = 'Item #' + (index + 1);
      },

      destroyItemScope: function(index, itemScope) {
        // Optional method that is called when an item is unloaded.
        console.log('Destroyed item with index: ' + index);
      }
    };
  });
</script>

<ons-list ng-controller="MyController">
  <ons-list-item ons-lazy-repeat="MyDelegate">
    {{ item }}
  </ons-list-item>
</ons-list>

属性 #