angularjs: check length of filter in ng-repeat

Question

For example i have this repeat list:

<ul>
    <li class="suggestion-item" ng-repeat="item in suggestionList.items | filter: {id: 2} track by track(item)">{{item.text}}</li>
<ul>

Can i somehow (would be better without changing controller because it's a directive) check: if filter result is not empty - then display whole ul, if not, then hide ul. I mean something like:

<ul ng-if="(item in suggestionList.items | filter: {id: 2}).length > 0">
    <li class="suggestion-item" ng-repeat="item in suggestionList.items | filter: {id: 2} track by track(item)">{{item.text}}</li>
<ul>

tomups · Accepted Answer · 2015-06-26 08:27:42Z

2

You can assign the filter result to a variable

<ul ng-show="filterResult && filterResult.length">
    <li class="suggestion-item" ng-repeat="item in filterResult = (suggestionList.items | filter: {id: 2}) track by track(item)">{{item.text}}</li>
<ul>

answered Jun 26, 2015 at 8:27

tomups

6,1652 gold badges25 silver badges28 bronze badges

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

Comments

RIYAJ KHAN · Accepted Answer · 2015-06-26 09:24:20Z

0

using $parent you can achieve it

<ul ng-show="suggestionListItem.length" >
 <li class="suggestion-item" ng-repeat="item in ($parent.suggestionListItem = (suggestionList.items | filter: {id: 2} track by track(item)))">{{item.text}}</li>
<ul>

edited Jun 26, 2015 at 9:24

answered Jun 26, 2015 at 8:48

RIYAJ KHAN

15.3k5 gold badges34 silver badges56 bronze badges

Collectives™ on Stack Overflow

angularjs: check length of filter in ng-repeat

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related