AngularJS - 如果 ng-repeat 为空并带有过滤器,则显示 div

吉斯伯茨

我正在寻找在我的 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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

AngularJS ng-repeat 在带有过滤器的数组上

来自分类Dev

angularjs ng-如果ng-repeat不为空

来自分类Dev

Angularjs - 如何为来自 ng repeat 的动态数据在过滤器上展开折叠的 div

来自分类Dev

如果文本过滤器在ng-repeat中没有返回结果,则显示消息

来自分类Dev

如果文本过滤器在ng-repeat中没有返回结果,则显示消息

来自分类Dev

如果文本框为空则显示一个div(ng-repeat)

来自分类Dev

AngularJS:在ng-repeat中为div设置相同的高度

来自分类Dev

如果div移动,AngularJS ng-repeat将不起作用

来自分类Dev

带有过滤器和ng-repeat的Angulars JS

来自分类Dev

AngularJS:带有过滤器和 ng-change 的 ng-options

来自分类Dev

AngularJS:ng-repeat过滤器,值大于

来自分类Dev

AngularJS ng-repeat过滤器特定的嵌套属性

来自分类Dev

带过滤器的AngularJS ng-repeat-NotArray错误

来自分类Dev

AngularJS ng-repeat过滤器到子节点

来自分类Dev

AngularJS:ng-repeat过滤器,值大于

来自分类Dev

AngularJS:ng-如果在ng-repeat外中断ng-repeat

来自分类Dev

如何使用angularjs为ng-repeat列表创建复选框过滤器?

来自分类Dev

过滤器在ng-repeat中不返回任何内容时如何显示消息-AngularJS

来自分类Dev

AngularJS ng-repeat过滤器根据作用域有两个不同的参数

来自分类Dev

带有ng-repeat的AngularJS if语句

来自分类Dev

带有limitTo的AngularJS ng-repeat

来自分类Dev

当AngularJS对象属性为空时过滤ng-repeat

来自分类Dev

AngularJS ng-repeat —声明式过滤器与命令式过滤器

来自分类Dev

AngularJS在带有排序过滤器的HTML表元素中的ng-repeat(键,值)对数据结构中嵌套ng-repat

来自分类Dev

AngularJS在带有排序过滤器的HTML表元素中的ng-repeat(键,值)对数据结构中嵌套ng-repat

来自分类Dev

div上的AngularJS ng-if过滤器

来自分类Dev

如何在Angularjs ng-repeat中为div使用Bootstrap工具提示

来自分类Dev

使用 'dirPagination' (AngularJS) 在 ng-repeat 中显示和隐藏 <div>

来自分类Dev

过滤ng-repeat angularjs中的项目

Related 相关文章

  1. 1

    AngularJS ng-repeat 在带有过滤器的数组上

  2. 2

    angularjs ng-如果ng-repeat不为空

  3. 3

    Angularjs - 如何为来自 ng repeat 的动态数据在过滤器上展开折叠的 div

  4. 4

    如果文本过滤器在ng-repeat中没有返回结果,则显示消息

  5. 5

    如果文本过滤器在ng-repeat中没有返回结果,则显示消息

  6. 6

    如果文本框为空则显示一个div(ng-repeat)

  7. 7

    AngularJS:在ng-repeat中为div设置相同的高度

  8. 8

    如果div移动,AngularJS ng-repeat将不起作用

  9. 9

    带有过滤器和ng-repeat的Angulars JS

  10. 10

    AngularJS:带有过滤器和 ng-change 的 ng-options

  11. 11

    AngularJS:ng-repeat过滤器,值大于

  12. 12

    AngularJS ng-repeat过滤器特定的嵌套属性

  13. 13

    带过滤器的AngularJS ng-repeat-NotArray错误

  14. 14

    AngularJS ng-repeat过滤器到子节点

  15. 15

    AngularJS:ng-repeat过滤器,值大于

  16. 16

    AngularJS:ng-如果在ng-repeat外中断ng-repeat

  17. 17

    如何使用angularjs为ng-repeat列表创建复选框过滤器?

  18. 18

    过滤器在ng-repeat中不返回任何内容时如何显示消息-AngularJS

  19. 19

    AngularJS ng-repeat过滤器根据作用域有两个不同的参数

  20. 20

    带有ng-repeat的AngularJS if语句

  21. 21

    带有limitTo的AngularJS ng-repeat

  22. 22

    当AngularJS对象属性为空时过滤ng-repeat

  23. 23

    AngularJS ng-repeat —声明式过滤器与命令式过滤器

  24. 24

    AngularJS在带有排序过滤器的HTML表元素中的ng-repeat(键,值)对数据结构中嵌套ng-repat

  25. 25

    AngularJS在带有排序过滤器的HTML表元素中的ng-repeat(键,值)对数据结构中嵌套ng-repat

  26. 26

    div上的AngularJS ng-if过滤器

  27. 27

    如何在Angularjs ng-repeat中为div使用Bootstrap工具提示

  28. 28

    使用 'dirPagination' (AngularJS) 在 ng-repeat 中显示和隐藏 <div>

  29. 29

    过滤ng-repeat angularjs中的项目

热门标签

归档