angularjs - 使用选择清除angularJS中的过滤器

Question

我在下面给出的 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

问题保持不变。重置过滤器..

这非常有效，但是当我想清除过滤器(选择默认选项 - 'All')时，它只会显示根本没有设置 GroupId 参数的数据。

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

Answer 1

我想我理解您的问题，您面临的问题是下拉列表选择为 --ALL-- 它的值为空而不是未定义。
因此，要重置它，您必须将其设置为未定义。

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

请引用我为您的问题创建的以下 fiddle 。

fiddle