Angular get row count with several filters

Question

I am having a problem with row count in after ng-repeat and more then one filter, I want to count the current number of rows after filtering the table with more then one filter, example:

<tr ng-repeat="person in data | filter:query | filter : name | filter {m_resource: resourceFilter} | filter : {m_id : idFilter}">
</tr>

The m_resource, m_id are filds in data, I can't use as filter due badidnet error, is there amother way to do it?

I want to count the numer of rows, after applying 3 filters. — Itsik Mauyhas, May 25 '16 at 12:00
Question already asked. Take a look at [this answer](http://stackoverflow.com/questions/15316363/how-to-display-length-of-filtered-ng-repeat-data) — Romain De Sa Jardim, May 25 '16 at 12:04
@RomainDeSaJardim I wrote this in the question, not possible for more then one filter. — Itsik Mauyhas, May 25 '16 at 12:05
try this `row =( data | filter:query | filter : name | filter {m_resource: resourceFilter} | filter : {m_id : idFilter}).length` — Hadi J, May 25 '16 at 12:07

score 2 · Answer 1 · answered May 25 '16 at 12:06

2

You should be able to do something like this:

ng-repeat="person in filtered = ( data | filter:query | filter : name | filter {m_resource: resourceFilter} | filter : {m_id : idFilter} )"

And then use {{ filtered.length }} for the number of rows.

answered May 25 '16 at 12:06

dfsq

191,768
25
236
258

trying and posting the result. – Itsik Mauyhas May 25 '16 at 12:07
Makes sense, because limitTo slices part of the list. – dfsq May 25 '16 at 12:32

score 2 · Answer 2 · edited May 23 '17 at 12:07

2

<table>
    <tr ng-repeat="person in rows = (data | filter:query | filter : name | filter {m_resource: resourceFilter} | filter : {m_id : idFilter})">
    </tr>
</table>
<span>There are {{ rows.length }} rows in the table</span>

Same question : How can I obtain the result array of an angular "| filter" expression in a variable?

edited May 23 '17 at 12:07

Community

1
1

answered May 25 '16 at 12:07

Cyril Gandon

16,830
14
78
122

score 2 · Accepted Answer · answered May 25 '16 at 12:32

2

I found something that works even if you add limitTo filter

<tr ng-repeat="person in filtered = (data | filter:query | filter : name | filter {m_resource: resourceFilter} | filter : {m_id : idFilter}) | limitTo: 5">

Then you have just to do

{{filtered.length}}

Fiddle sample

answered May 25 '16 at 12:32

Romain De Sa Jardim

96
5

Trying and posting the result. – Itsik Mauyhas May 25 '16 at 12:34
Perfact!! Thanks!! – Itsik Mauyhas May 25 '16 at 12:37

Angular get row count with several filters

3 Answers3