如何在Angular JS中使用两个过滤器？

Question

我有输入字段：

<input type="text" ng-model="in"> 

还可以选择列表：

<select ng-model="sel"></select> 

我怎么能在ng-repeat像使用两个过滤器：

ng-repeat="item in arr | filter:sel | filter:in" 

我的选择列表中的标头：

<div ng-controller="TestController"> 
    <select ng-controller="in"></select> 
</div> 

此外，在页面底部，我有：

<div ng-controller="TestController">{{in}}</div> 

但{{in}}是空

Answer 1

你做得对。 以下内容可以作为应用过滤器的示例。您也可以修改它以应用多个过滤器。

搜索领域

<input type="text" ng-model="in" placeholder="Enter value to search."> 
<select ng-model="sel"> 
<option value="1">One</option> 
<option value="2">Two</option> 
</select> 

在NG-重复使用过滤器：

<div>  
<tr ng-repeat="item in filteredData = (arr | filter:in | filter: sel)"> 
</div> 

或简单的方式为多个过滤器一样，按您的问题

<tr ng-repeat="item in arr| filter:in | filter: sel"> 

然后显示消息是否发现数据。

<div ng-show="!(filteredData).length"> 
    No matching data found 
</div>