javascript - 在 AngularJs 中迭代对象时，我们如何在 ng-repeat 中使用过滤器

Question

绑定到模型的搜索字段

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

在 ng-repeat 中迭代的对象

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

我如何根据对象的键或 val 或 val 进行过滤也可以是具有属性的对象。

请帮忙

Answer 1

尝试

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

筛选

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;
  };
});

演示：Plunker

Answer 2

请看看这个http://jsfiddle.net/fFLUH/。在这里，相同的过滤器searchVoucher配置为基于键或值过滤输入，基于filterParam. this从传递的关键字li引用到控制器tst。该tst控制器具有文本框的模型。

在过滤器内部，我正在访问filterParam，并使用它来过滤输入 json。