Angular-js顯示基於children屬性的項目

Question

我想基於item.show的值設置#category的ng-show屬性。 即，僅當顯示#category中的至少一項#item時，才顯示#category。 我怎樣才能做到這一點？ 我是angularjs的新手。

<div id='category' ng-repeat="cat in cats">
    <div  id='item' ng-show='item.show' ng-repeat="item in cat.items">
    </div>
</div>

Answer 1

<div ng-show="isVisible(cat)" ng-repeat="cat in cats">
    <div ng-show="item.show" ng-repeat="item in cat.items">
    </div>
</div>

控制器：

$scope.isVisible = function (cat) {
  return cat.items.filter(function (el) {
    return el.show;
  }).length > 0;
};

Answer 2

您可以簡單地通過使用ng-if或ng-show

標記

<div id='category' ng-repeat="cat in cats" ng-if="cat.items.length > 0">
    <div  id='item' ng-show='item.show' ng-repeat="item in cat.items"></div>
</div>