filter ng-repeat using various array or object items?

Question

Ok I have a ng-repeat:

<div id="scrolltwo" class="animate-repeat panel" ng-repeat="items in arrayfull |filter:filtertype ">

and in filtertype i have:

[[0] => "Typeone", [1] => "Typetwo" ]

how do i get the filter to iterate across the whole array and match results that match the values?

UPDATE with custom filter:

<div id="scrolltwo" class="animate-repeat panel" ng-repeat="items in arrayfull | array | filter:matchaccnttypes(accnttypes)">

Array filter which works:

.filter('array', function() {
  return function(items) {
    console.log(items);
    var filtered = [];
    angular.forEach(items, function(item) {
      filtered.push(item);
    });
   return filtered;
  };
})

matchaccountypes which doesn't!:

                    $scope.matchaccnttypes = function matchaccnttypes(query) {
                        return function(items) {
                                return items.Organtype.match(query); 
                            angular.forEach($scope.accnttypes, function(value, key){
                                console.log(key + ': ' + value);
                             });
                        }
                    };

it just returns the last value passed into the $scope.accntypes array which is my sample array above..

Do you mean for an item to pass if it matches *one* of the array values? Or *all* of them? — Marc Kline, May 13 '14 at 17:53
If your arrayfull = [1,2,3,4] and filtertype =[1,2] . what is the result that you are expecting? — Shivaraj, May 13 '14 at 18:19
A custom filter is the way to go: http://stackoverflow.com/questions/15868248/how-to-filter-multiple-values-or-operation-in-angularjs — Marc Kline, May 13 '14 at 18:25
@marcKline thats whaty i thought I'm half way there but failing, I'll post the code here. — vimes1984, May 13 '14 at 18:26

Shivaraj · Accepted Answer · 2014-05-13T18:37:01.117

1

A custom filter with the help of underscoreJS. Here is the Fiddle.

app.filter('arrayFilter', function() {
    return function(input, filterType) {
         return  _.intersection(input,filterType);
    };
});

Without UnderscoreJS

app.filter('arrayFilter', function() {
    return function(input, filterType) {
       var filterdArray =[];
         angular.forEach(input, function(inputValue, key){
             angular.forEach(filterType, function(filterTypeValue, key){
                 if(inputValue==filterTypeValue){
                     filterdArray.push(inputValue);
                 }
     });

     });
     return filterdArray;

    };
});

and ng-repeat should be used in the following way.

ng-repeat="array in arrayfull | arrayFilter : filterType"

edited May 13 '14 at 18:37

answered May 13 '14 at 18:29

Shivaraj

613
3
10

and without underscore? – vimes1984 May 13 '14 at 18:31
how about if it was two objects? – vimes1984 May 13 '14 at 18:54
you mean the filterType is two object? like [[1,3],[4,6]] ? – Shivaraj May 13 '14 at 18:57
I mean what is filter type was a {} as was arrayfull – vimes1984 May 13 '14 at 18:58
In that case an object comparison have to be made. – Shivaraj May 13 '14 at 19:01
let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/52618/discussion-between-vimes1984-and-user2380695) – vimes1984 May 13 '14 at 19:10
ok this works but i get a Cannot use 'in' operator to search for '2' in all – vimes1984 May 13 '14 at 19:47

filter ng-repeat using various array or object items?

1 Answers1