Angular if ng-repeat multi filter is empty

Angular if ng-repeat multi filter is empty

本文关键字:is empty filter multi if ng-repeat Angular      更新时间:2024-04-19

假设我的ng-repeat中有多个过滤器,如下所示:

input.search(ng-model="filter", placeholder="Search...")
ul.list
  li(ng-if="things.length === 0") It looks like we don't have any things.
  li(ng-repeat="thing in things | orderBy:'name' | filter: search")
    span {{ thing.name }}

现在,如果我最初没有things,那么我会收到这样的消息。但如果我用没有结果的东西过滤,它不会显示消息,我理解这一点。

我的问题是,当集合或筛选器没有结果时,如何实现多筛选器ng-repeat并显示消息?

我把这个例子搞砸了,但无济于事。我的尝试:

thing in filteredThings = thing | orderBy: 'name' | filter: search

你很接近,语法有点偏离:

(ng-repeat="thing in filteredThings = (things | orderBy:'name' | filter: search"))
li(ng-if="filteredThings.length === 0") It looks like we don't have any things.