Angularjs - ng-repeat에 대한 조건부

Question

저는 AngularJs에 매우 익숙하며 자바 스크립트를 잘 알고 있습니다. 물론 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 equivalent와 바꾸고 싶습니다. 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">