AngularJS - 顯示div如果ng-repeat與過濾器是空的

Question

我正在尋找一種解決方案，用於在我的ng-repeat列表爲空時顯示div。我創建了一個列表（帶搜索過濾器）和不同的冰淇淋。我想在列表沒有顯示任何項目時顯示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>