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

发布时间：2020-12-17 08:44:11 所属栏目：安全来源：网络整理

导读：我有一个列表的列表，用嵌套的ng-repeat创建。每个外部ng-repeat包含一个div，其内部列表的标签(例如：“Group A”)。我现在正试图创建一种方法，以避免显示此标签，如果内部列表是空的，由于过滤(应用于输入搜索文本) 这里是一个plunker解释我的问题和我尝

我有一个列表的列表，用嵌套的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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!