Angularjs - ng-repeat

Question

我是AngularJs的新手，虽然我对javascript了解得很清楚，但我仍然要掌握Angular的工作方式。

我正在尝试生成网站导航，并且可以生成顶级链接。但是我仍然坚持如何生成subnav。这就是我想做的事情;

<ul id='topNav'>
    <li ng-repeat="item in nav"><a href="{{item.url}}" title="{{item.title}}">{{item.title}}</a>
        <ul class="subNav" if(item.subNav.length > 0)>
            <li ng-repeat="subItem in subNav"><a href="{{subItem.url}}" title="{{subItem.title}}">{{subItem.title}}</a></li>
        </ul>
    </li>
</ul>

所以，if(item.subNav.length > 0)出现的地方我想用Angular等效替换它。 item.subNav是一个空的数组，或者填充了subnav的链接。如果它为空，则不生成html，否则循环链接。我不想要任何空的<ul class="subNav"></ul>标签。

非常感谢任何帮助。

Answer 1

该指令名为ngIf：

<ul class="subNav" ng-if="item.subNav.length > 0">

甚至更简单，因为0是假的：

<ul class="subNav" ng-if="item.subNav.length">