find length of filtered result angular js

Question

I have a ng-repeat with fliter like below,

HTML

  <li  ng-repeat="article_data in articles | ArticleFilter:sfilter">
   {{article_data.article_title}}
 </li>

Javascript

ey.filter('ArticleFilter', function(){

return function(items, filters){

    var arrayToReturn = []; 
    if(value.article_title.toLowerCase().indexOf(filters.search_text.toLowerCase())==0)
     arrayToReturn.push(value);

return arrayToReturn;
}})

I need to check the result is empty or not,and show a message .Is it possible to do? I have tried {{articles.length}} but this is not the length of filtered result.

what is `value`? in your filter? – ryeballar Jul 10 '15 at 05:03 — ryeballar, Jul 10 '15 at 05:03

score 1 · Accepted Answer · edited May 23 '17 at 12:15

1

try something like this,

<li  ng-repeat="article_data in articles | ArticleFilter:sfilter as filteredResults">
   {{article_data.article_title}}
</li>

 {{ filteredResults.length }}

so you can have the code like this,

<ul>
    <li  ng-repeat="article_data in articles | ArticleFilter:sfilter as filteredResults">
       {{article_data.article_title}}
   </li>
</ul>

<p ng-if='filteredResults.length === 0'> No results.</p>

Another way

<li  ng-repeat="article_data in filteredResults = (articles | ArticleFilter:sfilter)">
       {{article_data.article_title}}
</li>

<ul>
    <li  ng-repeat="article_data in filteredResults = (articles | ArticleFilter:sfilter)">
       {{article_data.article_title}}
    </li>
</ul>

<p ng-if='filteredResults.length === 0'> No results.</p>

PLUNK : http://plnkr.co/edit/01JZZzBBOSfrpcM4dbVR?p=preview

Similar question, with another demo: How to display length of filtered ng-repeat data

edited May 23 '17 at 12:15

Community

1
1

answered Jul 10 '15 at 05:01

Kalhan.Toress

21,683
8
68
92

Will this filter work? Because you are checking the conditions before in `ng-if` and assigning the value later in `filteredResults` array ? I am eager to know about it. – Vineet Jul 10 '15 at 05:06
yea simply remove the `ng-if` will solve it. thanks:) – Kalhan.Toress Jul 10 '15 at 05:07
Getting an error Syntax Error: Token 'as' is an unexpected token at column 34 of the expression [articles | ArticleFilter:sfilter as filteredResults] starting at – Shijin TR Jul 10 '15 at 05:09
can you share a punker example ? – Kalhan.Toress Jul 10 '15 at 05:09

find length of filtered result angular js

1 Answers1