AngularJs如何隐藏没有项目的项目分隔符
AngularJs如何隐藏没有项目的项目分隔符
提问于 2014-12-20 06:25:53
当我使用过滤器时，如何隐藏没有列表项的item-divider？代码如下：
<div ng-repeat="elem in codeList | orderBy:predicate:reverse">
<div class="item item-divider">
{{elem.data}}
</div>
<ul class="list">
<li class="item item-icon-right" ng-repeat="item in elem.array | filter:search" ng-click="action(item)">
<h2>{{item.text}}</h2>
<i class="icon ion-{{item.icon}}"></i>
</li>
</ul>
</div>我想知道如何用"Angular方式“来做。
回答 2
Stack Overflow用户
发布于 2014-12-20 06:44:10
您需要使用as filteredItems (适用于Angular 1.3)为您的过滤列表添加别名，并使用filteredItems.length有条件地显示/隐藏您的item-divider。
<div ng-show="filteredItems.length" class="item item-divider">
{{elem.data}}
</div>
<ul class="list">
<li class="item item-icon-right"
ng-repeat="item in elem.array | filter:search as filteredItems"
ng-click="action(item)">
<h2>{{item.text}}</h2>
<i class="icon ion-{{item.icon}}"></i>
</li>
</ul>Stack Overflow用户
发布于 2014-12-20 06:32:09
我会选择ng-hide
<div class="item item-divider" ng-hide="elem.array.length == 0">
{{elem.data}}
</div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/27574771
复制相关文章
相似问题
腾讯云开发者
