如何在筛选时隐藏具有空内容的分组标题？ （AngularJS）

Question

我想显示按年份分组的锦标赛列表，但如果过滤器取消了该年内的所有锦标赛，则隐藏年份标题。如果没有锦标赛将被渲染，基本上不显示年份。有没有办法做到这一点？

<div class="row" style="margin-top: 50px;" ng-repeat="(year, data) in tournamentListData | groupBy: 'year'">

  <span ng-show="(filter: {sportCD:tournamentSportFilter}).length > 0">
    {{year}}
    <hr />
  </span>

  <div class="col-md-4" ng-repeat="tournament in data | filter: {sportCD:tournamentSportFilter, organizationId:tournamentOrganizationFilter} | filter: tournamentSearchFilter">
    <a href="/tournament/{{ tournament.pk }}">{{ tournament.name }}</a>
  </div>

</div>

Answer 1

将内部过滤器内容移出html并进入控制器。然后，您将知道是否有任何年份下有数据，您可以轻松隐藏标题。