我正在寻找在我的 ng-repeat 列表为空时显示 div 的解决方案。我创建了一个包含不同冰淇淋的列表(带有搜索过滤器)。我想在列表没有显示任何项目时显示一个 div,即使我进行了搜索查询。我正在使用带有 angular v1.54 的 ionic 版本 1。
我尝试了不同的东西,并在 Stackoverflow 上搜索了这样的问题。不幸的是,这些答案对我没有任何帮助。例如,我尝试了以下答案
https://stackoverflow.com/a/32960240/5503094
但这似乎不起作用。
我的代码
不重复
<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>
这只适用于列表从一开始就为空的情况。有人可以帮我吗?
尝试检查是否filteredItems
也存在
<div class="item" ng-hide="filteredItems && filteredItems.length">
<p>Er zijn geen ijssoorten gevonden!</p>
</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句