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>

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

1 个答案: