How to display length of filtered ng-repeat data

by

For Angular 1.3+ (credits to @Tom)

Use an alias expression (Docs: Angular 1.3.0: ngRepeat, scroll down to the Arguments section):

<div ng-repeat="person in data | filter:query as filtered">
</div>

For Angular prior to 1.3

Assign the results to a new variable (e.g. filtered) and access it:

<div ng-repeat="person in filtered = (data | filter: query)">
</div>

Display the number of results:

Showing {{filtered.length}} Persons

Fiddle a similar example. Credits go to Pawel Kozlowski

More Related Contents:

  1. Why are Callbacks from Promise `.then` Methods an Anti-Pattern
  2. URL hash-bang (#!/) prefix instead of simple hash (#/) in Angular 1.6
  3. Caching a promise object in AngularJS service
  4. Element not visible error (not able to click an element)
  5. AngularJS POST Fails: Response for preflight has invalid HTTP status code 404
  6. AngularJS : Factory and Service? [duplicate]
  7. How to return data from promise [duplicate]
  8. I want to change the chart for each city or subcity selected
  9. Firebase TIMESTAMP to date and Time
  10. Angular – Can’t make ng-repeat orderBy work
  11. Promise.all behavior with RxJS Observables?
  12. Angular js – route-ui add default parmeter
  13. Dynamic NG-Controller Name
  14. “No ‘Access-Control-Allow-Origin’ header is present on the requested resource” error for response from http://www.google.com/
  15. Removing # from url in Angularjs while having .run in routes
  16. Angularjs: call other scope which in iframe
  17. What is the cause for “angular is not defined”
  18. Angular ui router unit testing (states to urls)
  19. AngularJS : Clear $watch
  20. Angular.js: set element height on page load
  21. Angular Js and google api client.js (gapi)
  22. Not a Legal JSONP API — How to get data without CALLBACK parameter
  23. Injecting Dependencies in config() modules – AngularJS
  24. How can I handle browser tab close event in Angular? Only close, not refresh
  25. How can I access the value of a promise?
  26. What is the difference between $scope.$root and $rootScope?
  27. Call angularjs function using jquery/javascript
  28. Pass parent scope value into ng-repeat loop in Angular
  29. Sort or Rearrange Rows of a table in angularjs (drag and drop)
  30. Blob download is not working in IE

Leave a Comment