AngularJS - 根据 ng-repeat 中的项目数量显示/隐藏

Question

我有一个带有 2 个过滤器的 ng-repeat:

<div class="container">
    <div ng-repeat-start="addresses in Address.Entries | filter:{IsRegistered: true} | filterDate:'InfoDetails'">
        {{ addresses.name }}
        {{ addresses.number }}
        {{ addresses.email }}
        {{ addresses.contact}}
    </div>
</div>

如何在 with class="container"中添加 ng-show 或 ng-hide 以仅在 ng-repeat 中重复的项目长度大于零时显示此元素？

Answer 1

您需要将过滤结果分配给一个新变量，以便考虑过滤列表的长度。

然后您可以使用新变量来显示/隐藏该部分。

Working Fiddle

<div class="container" ng-show="filtered.length > 0">
    <div ng-repeat-start="addresses 
         in filtered = (Address.Entries 
                          | filter:{IsRegistered: true} 
                          | filterDate:'InfoDetails')">
          {{ addresses.name }}
          {{ addresses.number }}
          {{ addresses.email }}
          {{ addresses.contact}}
     </div>
</div>