Angularjs - 有條件的ng重複

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是falsy：

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