Limiting number of displayed results when using ngRepeat

by

Slightly more “Angular way” would be to use the straightforward limitTo filter, as natively provided by Angular:

<ul class="phones">
  <li ng-repeat="phone in phones | filter:query | orderBy:orderProp | limitTo:quantity">
    {{phone.name}}
    <p>{{phone.snippet}}</p>
  </li>
</ul>

app.controller('PhoneListCtrl', function($scope, $http) {
    $http.get('phones.json').then(
      function(phones){
        $scope.phones = phones.data;
      }
    );
    $scope.orderProp = 'age';
    $scope.quantity = 5;
  }
);

PLUNKER

More Related Contents:

  1. Add directives from directive in AngularJS
  2. Where to put model data and behaviour? [tl; dr; Use Services]
  3. Showing alert in angularjs when user leaves a page
  4. Show pop-ups the most elegant way
  5. Scope issues with Angular UI modal
  6. Angularjs Uncaught Error: [$injector:modulerr] when migrating to V1.3
  7. Why Does Firebase Lose Reference outside the once() Function?
  8. AngularJS – Any way for $http.post to send request parameters instead of JSON?
  9. What is the correct term for variable shadowing in JavaScript?
  10. AngularJS – Value attribute on an input text box is ignored when there is a ng-model used?
  11. What’s the difference between a global variable and a ‘window.variable’ in JavaScript?
  12. orderBy array item value in Angular ng-repeat
  13. Binding ng-model inside ng-repeat loop in AngularJS
  14. AngularJS – Building a dynamic table based on a json
  15. Reading Excel file using node.js
  16. download csv file from web api in angular js
  17. What is the purpose of square bracket usage in Angular?
  18. How to make POST requests with the FormData API
  19. How to remove an item from an array in AngularJS scope?
  20. AngularJS abort all pending $http requests on route change
  21. Unit-test promise-based code in Angularjs
  22. functions inside or outside jquery document ready
  23. Does Angular routing template url support *.cshtml files in ASP.Net MVC 5 Project?
  24. JavaScript Variable Scope [duplicate]
  25. What happens when JavaScript variable name and function name is the same?
  26. In AngularJS, any inline javascript code that included in HTML templates doesn’t work
  27. Remove ‘All Files’ option from HTML file input
  28. Passing a global variable to a function
  29. ng-click not working in dynamically created content
  30. Passing parameter inside $location.path in Angular

Leave a Comment