angularjs - 如果未选择过滤器，则 ng-repeat 过滤器 "show all"项

Question

我有一个 ng-repeat使用 <select> 的过滤器菜单过滤一堆国家。

例如:

<div class="col-md-3 col-sm-6" ng-repeat="item in listings | filter: { location: locationFilter }">

我怎样才能做到如果没有选择任何东西，它会自动显示所有国家？并且仅在选择特定国家/地区后才开始过滤？

我确定这可能是一个简单的问题，但我对此很陌生，无法找到如何去做。

谢谢!

Answer 1

如果过滤器表达式返回 undefined ，则过滤器将不适用。因此，您可以执行以下操作:

<div ng-repeat="item in listings | filter:(!!locationFilter || undefined) && {location: locationFilter}">
   {{item}}
</div>

( !!locationFilter 处理 '' ，假和 undefined 值)

plunker