angularjs – 如果嵌套ng-repeat不为空,我如何只显示一个元素?

前端之家收集整理的这篇文章主要介绍了angularjs – 如果嵌套ng-repeat不为空,我如何只显示一个元素?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个列表的列表,用嵌套的ng-repeat创建。每个外部ng-repeat包含一个div,其内部列表的标签(例如:“Group A”)。我现在正试图创建一种方法,以避免显示标签,如果内部列表是空的,由于过滤(应用于输入搜索文本)

这里是一个plunker解释我的问题和我尝试的解决方案:Plnkr

有一个’重的’函数像isGroupEmpty似乎非常繁琐 – 有没有办法以更简单的方式做到这一点?我想玩的想法是移动标签里面的ng重复和ng-show =“$第一”,但它不看起来很好

我结束了以下解决方案,工作完美。 Plnkr

通过在内部ng-repeat中设置一个变量,我能够基于这个变量长度来评估ng-show,如下:

<input ng-model='searchText'/>
<span ng-show='filtered.length > 0'>
  <ul>
    <li ng-repeat='el in filtered = (model | filter:searchText)'>
      <div>{{el.label}}</div>
    </li>
  </ul>
</span>
原文链接:https://www.f2er.com/angularjs/145999.html

猜你在找的Angularjs相关文章