当前位置: 首页 > 面试题库 >

如果嵌套的ng-repeat不为空,如何仅显示元素?

姜建德
2023-03-14
问题内容

我有一个使用嵌套ng-repeat创建的列表列表。每个外部ng-repeat都包含一个带有内部列表标签的div(例如:“ Group
A”)。我现在正在尝试创建一种方法来避免由于过滤而内部列表为空时避免显示此标签(由输入searchtext应用)

这是一个解释我的问题和尝试的解决方法的人:Plnkr

具有isGroupEmpty这样的“繁重”功能似乎非常麻烦-有没有办法以更简单的方式做到这一点?我想将标签移动到内部ng-repeat内,ng- show="$first"但看起来并不好


问题答案:

我最终得到了以下效果很好的解决方案。
普伦克

通过在内部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>


 类似资料:
  • 问题内容: 以下AngularJS应用程序正在使用ng-repeat和已应用的过滤器。某个应用的过滤器不会留下任何值。如何显示通知? js小提琴 的HTML AngularJS 问题答案: 我认为这是您想要的: 链接 这是另一个FIDDLE LINK,请检查此

  • 问题内容: 如何只显示第一个角元素? 我正在这样使用: 但是由于我没有重复,所以我不必使用吗?我如何才能只显示第一个,而不必进行ng-repeat? 问题答案: 不要使用ng-repeat指令,这应该可以工作:

  • 问题内容: 我有一些虚拟XML文件: 使用此库http://code.google.com/p/x2js/将其转换为json,并转换为变量 Day可以具有任意数量的Job,Job可以嵌套并且包含任意数量的其他Job。 现在使用此代码 我可以列出有效的日期。我希望使用以下代码 我可以列出当天的工作日和最高职位,但这是行不通的。(要列出嵌套的Jobs,将是下一个任务,而不是现在询问该任务)。 那么,如

  • 我正在寻找一个解决方案,显示一个div时,我的ng重复列表是空的。我用不同的冰淇淋创建了一个列表(带有搜索过滤器)。当列表不显示任何项目时,我想显示一个div,即使我做了搜索查询。我使用离子版本1与角v1.54。 我尝试了不同的方法,并在Stackoverflow上搜索了这样的问题。不幸的是,这些答案对我没有任何帮助。例如,我尝试了以下答案 https://stackoverflow.com/a/

  • 假设我的中有多个过滤器,如下所示: 现在,如果我最初没有,那么我会收到这样的消息。但如果我按某个没有结果的东西过滤,它就不会显示我理解的信息。 我的问题是,当收集或筛选没有结果时,如何实现多重筛选,并显示消息? 我把这个例子弄得一团糟。我的尝试:

  • 问题内容: 我想知道是否存在针对此类问题的简单解决方案。 我有一个对象注释,该对象注释又可以包含注释,并且这些注释也可以包含注释…并且此操作可以进行未知数量的循环。 这是数据结构的示例: 可以说我会写2级评论: 我该如何使div的嵌套注释达到“ n”级? 问题答案: 最简单的方法是创建通用部分,以便您可以使用递归调用和呈现它。 这是局部的: 数据模型应为列表。 我为您创建了一个演示,希望对您有所帮