How to get actual value from array filtered in angularJS

Question

My problem is that I need to know when my array filtered is empty. I'm applying some filters to an array and showing the results, when the filters make no results, I need to show a message error. How can I catch the moment when the array is empty ?

Html:

<div ng-repeat="array in arrays | filterArray1 | filterArray2 | filterArray3 | filter: 'name'>

Thanks in advance.

Bastien Caudan · Accepted Answer · 2013-06-19 20:07:51Z

5

You can assign your filtered array to a variable and then display the message :

<div ng-repeat="array in filteredArrays = (arrays | filterArray1 | filterArray2 | filterArray3 | filter: 'name')>
   ...
</div>
<div ng-show="filteredArrays.length == 0">Empty message</div>

edited Jun 19, 2013 at 20:07

answered Jun 19, 2013 at 19:44

Bastien Caudan

4,4901 gold badge19 silver badges29 bronze badges

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

Comments

Mathew Berg · Accepted Answer · 2013-06-19 19:44:07Z

0

You can use ng-init to store it in a temporary variable:

<div ng-app="app">
    <div ng-controller="ParentCtrl">
        <div data-ng-init="filteredArray = (arrays | myFilter)">
            <div data-ng-repeat="data in filteredArray">
                {{ data }}
            </div>
            <div data-ng-show="!filteredArray.length">
                no results
                <!-- no results -->
            </div>
        </div>
    </div>
</div>

Here's a fiddle that has a filter that manipulates the data: http://jsfiddle.net/XwFQJ/

answered Jun 19, 2013 at 19:44

Mathew Berg

28.8k11 gold badges72 silver badges94 bronze badges

Collectives™ on Stack Overflow

How to get actual value from array filtered in angularJS

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