如果子项为空，则隐藏父项

Question

如果子li为空，我想隐藏父li。以下是我要隐藏父li标签TWO的jsfiddle link。

<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/