AngularJS-如果ng repeat为空，则使用筛选器显示div

Question

我正在寻找一个解决方案，显示一个div时，我的ng重复列表是空的。我用不同的冰淇淋创建了一个列表（带有搜索过滤器）。当列表不显示任何项目时，我想显示一个div，即使我做了搜索查询。我使用离子版本1与角v1.54。

我尝试了不同的方法，并在Stackoverflow上搜索了这样的问题。不幸的是，这些答案对我没有任何帮助。例如，我尝试了以下答案

https://stackoverflow.com/a/32960240/5503094

但这似乎不起作用。

我的代码

ng重复

  <ion-item ng-repeat="item in icecreams | filter: query as filteredItems" class="item-thumbnail-left item-text-wrap repeated-item" href="#" ng-if="item.beschikbaar == 'Ja'">
      <img src="http://placehold.it/100x100">
      <h2>{{ item.name }}</h2>
      <p>{{ item.info | limitTo: 100 }}{{item.info.length > 100 ? '...' : ''}}</p>
      <h4>{{ item.type }}</h4>
      <h4>In de winkel tot: {{ item.end_date }}</h4>
  </ion-item>

当列表为空时显示div（即使使用过滤/搜索）

  <div class="item" ng-hide="!filteredItems.length == 0">
    <p>Er zijn geen ijssoorten gevonden!</p>
  </div>

这只有在列表从一开始就是空的时候才起作用。有人能帮帮我吗？

Answer 1

尝试检查filteredItems是否也存在

<div class="item" ng-hide="filteredItems && filteredItems.length">
    <p>Er zijn geen ijssoorten gevonden!</p>
</div>