Angularjs pass an array to custom filter as parameter

Question

When defining a custom filter in Angularjs like below I'm passing in the data set I want filtered and an array to serve as the filter values:

Toggle buttons state passed in an array

Parameter array value passed into the filter

How the filter is called:

<div class="row" ng-repeat="item in data | filterStats:filters">

The custom filter checks which values in the array should apply by filtering the data set in ng-repeat.

   .filter('filterStats', function () {
        return function (items, paramArray) {
        var isFilterEmpty = true;
            angular.forEach(paramArray, function (value, key) {
            if (value == 0) {
                isFilterEmpty = false;
            }
        });

        if(!isFilterEmpty) 
        //More logic
   }
}

Problem: The problem is that the array parameter does not seems to be able to loop using a forEach inside of the custom filter. The parameter array shows [Array[0]] therefore seems empty. Can anyone please provide guidance on this matter? Can one pass an Array as a custom filter parameter? What am I missing?

Tx.

iamalismith · Accepted Answer · 2016-05-12 13:38:48Z

2

Looks like you are probably defining filters as an Array but are using it like an Object.

You haven't put any indexes in the array, so it is empty. By doing filters.Limited = '-1' this is adding named properties to the array but the actual length of the array is still 0.

var a = [];
a.length; // 0
a.something = '123';
a.length // still 0
a[0] = '456';
a.length; // now 1

Instead, if you define your filters variable as an Object instead of an Array I imagine your code will work as you expect.

$scope.filters = {};

edited May 12, 2016 at 13:38

answered May 12, 2016 at 13:31

iamalismith

1,5719 silver badges22 bronze badges

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

Collectives™ on Stack Overflow

Angularjs pass an array to custom filter as parameter

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related