AngularJS - Display length of filtered data?

Question

I have a data array which contains objects (JSON format).

var users = {
  'New':{
    {Name:'One'},
    {Name:'Two'}
  },
  'Old':{
    {Name:'Three'},
    {Name:'Four'}
  }

And i use this construction to display data:

<div ng-repeat="(key, value) in users">
  <p>{{key}}</p>
  <div ng-repeat="user in value | filter: query">
  </div>
</div>

How do I get the count of filtered data? Thanks in advance for your reply!

Naeem Shaikh · Accepted Answer · 2015-02-05 11:17:32Z

1

You can do this http://jsfiddle.net/HB7LU/10720/

<div ng-repeat= "user in filteredValue = (value | filter:query)"></div>

Just use the filtered result as another scope variable, named filteredValue , then you can get its length, within the scope of the controller

answered Feb 5, 2015 at 11:17

Naeem Shaikh

15.8k8 gold badges53 silver badges92 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Alex Barannikov · Accepted Answer · 2015-02-05 11:15:11Z

1

you can use <div ng-repeat="user in value | filter: query as results"> and then get results.length

see example here: http://plnkr.co/edit/P0ORxHkVpreANErDGc3a?p=preview

answered Feb 5, 2015 at 11:15

Alex Barannikov

3042 silver badges8 bronze badges

Comments

Martijn Pieters · Accepted Answer · 2015-07-16 11:03:32Z

1

It might help you!! Its use for prints filtered number of users.

{{(data|filter:query).length}}

edited Jul 16, 2015 at 11:03

Martijn Pieters

1.1m326 gold badges4.2k silver badges3.4k bronze badges

answered Feb 5, 2015 at 11:19

Anil Singh

4,2224 gold badges45 silver badges49 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 11:51:11Z

0

As seen in this other question

Assign the filtered data in a variable

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

And use the filtered.length attribute to get the count

edited May 23, 2017 at 11:51

CommunityBot

11 silver badge

answered Feb 5, 2015 at 11:14

Kangcor

1,1991 gold badge16 silver badges26 bronze badges

Collectives™ on Stack Overflow

AngularJS - Display length of filtered data?

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related