使用 select 清除 angularJS 中的过滤器

我在下面给出的 HTML 中使用 ngOptions 指令：

<select ng-model="selectedGroupToShow.Id" ng-options="g.Id as g.Name for g in myGroups">
    <option value>-- All --</option>
</select>

我在 ng-repeat 中使用的过滤器来显示我的数据，如下所示：

filter:{GroupId:selectedGroupToShow.Id}"

即使我使用

filter:selectedGroupToShow

问题仍然存在。重置过滤器..

这工作完美，但是当我想清除过滤器（选择默认选项 - '全部'）时，它只会显示没有的数据GroupId参数全部设置。

在选择中选择默认选项元素时，如何显示所有数据（清除过滤器）？

我想我理解你的问题，你面临的问题是当下拉菜单选择为 --ALL-- 时，它的值是 null 并且不是未定义的。 因此，要重置它，您必须将其设置为未定义。

<div ng-repeat="item in items| filter:{itemId:selectedGroupToShow.Id||undefined}">
         {{item.itemId}}
</div>

请参考下面我为您的问题创建的小提琴。

fiddle