AngularJS - フィルタでng-repeatが空の場合divを表示

Question

私のng-repeatリストが空のときにdivを表示するソリューションを探しています。私は別のアイスクリームでリストを作成しました（検索フィルター付き）。検索クエリを実行しても、リストに項目が表示されていないときにdivを表示したいと考えています。私は角度v1.54のイオンバージョン1を使用しています。

私はさまざまなことを試み、このような質問のために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> 

が存在するかどうかをチェックしてみ