How can we use filter in ng-repeat when iterating on an object in AngularJs

Question

How can we use filter in ng-repeat when iterating on an object in AngularJs

Search field binded to a model

<input type="text" ng-model="searchVoucher" />

An object iterated in ng-repeat

<li ng-repeat="(k,f) in {'r':4,'e':5,'t':6,'y':7,'c':8} | filter:searchVoucher">{{f}}</li>

How can i filter based on the object's key or val or val can also be an object having attributes.

Please help

javascript
angularjs

Answer 1

Try

<li ng-repeat="(k,f) in {'r':4,'e':5,'t':6,'y':7,'c':8} | searchfilter:searchVoucher">{{f}}</li>

Filter

app.filter('searchfilter', function() {
  return function(input, term) {
    var regex = new RegExp(term || '', 'i');
    var obj = {};
    angular.forEach(input, function(v, i){
      if(regex.test(v + '')){
        obj[i]=v;
      }
    });
    return obj;
  };
});

Demo: Plunker

Answer 2

Please have a look at this http://jsfiddle.net/fFLUH/. Here the same filter searchVoucher is configured to filter the input based on key or value, based on the filterParam. The keyword this that is passed from li reffers to the controller tst. This tst controller has the model for the textboxes.

Inside the filter, im accessing the filterParam, and using that to filter the input json.