Скрыть родительский, если ребенок пуст

Question

Я хочу скрыть родителя li, если ребенок li пуст. Вот jsfiddle link, где я хочу скрыть родителя li ярлык TWO.

<ul id='ListNav'> 
    <li ng-repeat='mainList in lists.list' ng-hide='subList.length<0' > 
     <a>{{mainList.label}}</a> 
     <ul> 
      <li ng-repeat='subList in mainList.subList'>{{subList.label}}</li> 
     </ul> 
    </li> 
</ul> 

Answer 1

Чтобы решить эту проблему, просто изменить:

<li ng-repeat='mainList in lists.list' ng-hide='subList.length<0' > 

Для

<li ng-repeat='mainList in lists.list' ng-show="mainList.subList.length>0" > 

Demo

Answer 2

вы не можете использовать subList на этом уровне попытаться изменить его mainList.subList

<ul id='ListNav'> 
     <li ng-repeat='mainList in lists.list' ng-hide='mainList.subList.length==0'> <a>{{mainList.label}}</a> 

      <ul> 
       <li ng-repeat='subList in mainList.subList'>{{subList.label}}</li> 
      </ul> 
     </li> 
    </ul> 

http://jsfiddle.net/nepfw2qf/7/