angularjs - 如何在 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-repeat 中使用过滤器:

<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>