Есть много контейнеров с списками, которые динамически подгружаются с массива что я получаю с джейсона. Данных может быть много и самого разного, поэтому пробую сделать проверку чтобы не было пустых контейнеров. Сразу же думал использовать ng-if, это казалось более всего подходящим, но вот в чем возникла загвоздка.
<div>
<h1>Birds</h1>
<ul>
<li ng-if="bird.type === 'bird'"
ng-repeat="bird in creatures">{{bird.name}}</li>
</ul>
</div>
В массиве много обьектов и нужно их проверять по очереди, поэтому сначала нужно пускать ng-repeat, но в данном случае я его не могу повесить на родительский div т.к. будет повторяться заголовок в каждом обьекте. Я его цепляю на li, но в таком случае я уже на родительском элементе не ng-if="bird.type === 'bird'", тк он еще на тот момент не задан. И выходит проблема в том что если нет списка, то на странице будет только заголовок.. Если бы можно было проверить что список пуст - и скрыть родительский элемент, есть ли такая возможность? пример Plunk
creatures.length
будет== 0
. вот вам и условие для блока отсутствия элеементов