When you have plenty of records to show, you don't need to show them all at a time. We should show them based on user interest. Here I implemented the program to show the records with " Load more records " feature.

Markup

Here We are using limitTo filter control the number of records to display. Whenever user clicks on below button, record limit will be increased and more records will be displayed.
<div ng-repeat="record in records | limitTo:recordLimit">
  {{record}}
</div>
<button ng-show="records.length > recordLimit" ng-click="recordLimit = recordLimit + 5">show more records</button>

Script

Here we are initiating the records and record limit
$scope.records = [];
$scope.recordLimit = 5;
for(var i=0;i<20;i++) {
   $scope.records.push('record '+i);     
}

2 comments:

  1. Urgent Do Homework Online assignment assistance is rather pricey, so you’d better order your assignments in advance when they cost less.

    ReplyDelete
  2. Ruthenium Catalysts - Alfa Chemistry Catalysts offers a catalog of catalysts for a wide range of applications. Products listed on our website are either in stock or can be reconstituted within a reasonable time frame. In-stock products can be shipped within 3-5 business days of receipt of customer purchase order.

    ReplyDelete

Blogroll

Popular Posts