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