如何使用默认选项“全部”进行过滤

Question

我在过滤器下拉列表中添加了默认选项“全部”以显示所有结果，但是当我使用某个组名称过滤然后尝试使用“全部”过滤时，没有显示任何结果。如何在选择所有选项时显示所有结果？

<input type="text" ng-model="search" class="input-control width-100" />

<select ng-model="group" ng-options="gp.groupID as gp.groupName for gp in groups" class="input-control width-100"><option value="" selected>All</option></select>

    <table id="tbl-holidaylist" class="table table-striped table-bordered">
        <thead>
            <th width="40%">Type</th>
            <th width="40%">Group</th>
        </thead>
        <tbody>
            <tr ng-repeat="tp in types |filter:{'groupID':group}|filter:search">
                <td>{{ tp.ExpenseTypeName }}</td>
                <td>{{ tp.ExpenseGroupName }}</td
            </tr> 
        </tbody>
    </table>

Answer 1

我创建了你的应用，这里是Link

<tr ng-repeat="tp in types |filter:(group && {'groupID':group})|filter:search">

问题是当全部被选中时，组变得未定义，导致过滤器不起作用

Answer 2

我认为您指的是这样的功能

Demo

<select ng-model="selected" ng-options="a as a for a in arr">
    <option value="">All</option>
</select>
<ul>
    <li ng-repeat="a in arr | filter:selected">{{a}}</li>
</ul>