Angular创建过滤器的自定义列表

Question

我完全陌生，所以原谅我的问题。 我试图用用户输入创建一个过滤器列表。这是我想要做的一件事。 http://plnkr.co/edit/asrZJj2HFJCnmmqJLlgt?p=preview

我明白，我对我的NG-重复状态应该是类似的东西：

ng-repeat="filter in filters | filter: filters" 

，并在我的过滤器类似的东西的工作

ng-repeat="...| filter:{dev:java, happy:true}" 

所以我以我想要做的方式做，或者我必须创建一个过滤器模块？

Answer 1

您可以做的最简单的事情是使用简单的对象来过滤器而不是数组，其中过滤器名称将是一个属性键。在这种情况下，你将会使过滤器这样的：

<span class="btn btn-success" ng-repeat="(name, value) in filters"> 
    <strong>{{name}} : {{value}}</strong> 
</span> 

和填充它们在控制器这样的：

$scope.createFilter = function(name, value) { 
    $scope.filters[name] = value; 
    $scope.cleanInput(); 
}; 

在此设置下它很容易将过滤器应用于表中的数据：

ng-repeat="user in users | filter:filters" 

演示：http://plnkr.co/edit/Hp8EPpvHv8vklSiFOG6U?p=info