javascript - 如果所有数组项都被隐藏，则在 AngularJS 中显示另一个 div

Question

我在我的页面上使用 ng-repeat。 ng-class 运行良好。

  <div class="card news" ng-repeat="item in news track by $index" id="{{news.nid}}" ng-init="parentIndex = $index" ng-class="{hidden: '{{getCheck($index)}}' == 'true'}">
      ...

  </div>

现在我需要，如果所有项目都被隐藏，显示这个 div:

<h3 class="news-empty">No news</h3>

规则是什么？我该怎么做？谢谢。

Answer 1

您需要另一种方法来检查是否所有元素都被隐藏:

$scope.everythingIsHidden = function() {
    return $scope.news.every((new, index) => $scope.getCheck(index));
}

$scope.getCheck = function(index) {  // Your getChek function that I suppose it checks if an element is hidden based on index
    //...
}

<h3 class="news-empty" ng-if="everythingIsHidden()">No news</h3>