Angularjs - ng-repeatの条件付き

Question

私はAngularJsに非常に新しいですし、私はjavascriptをよく知っていますが、私はまだ物事がAngularで動作する方法を把握しています。

私はサイトナビゲーションを生成しようとしており、トップレベルのリンクを正常に生成できます。しかし、私はサブナブを生成する方法についている。これは私がやりたいことです。 if(item.subNav.length > 0)が表示されますが、私は角度同等でそれを置き換えるしたいと思いますので、

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

、。 item.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">