2014-02-25 3 views
0

에 나는의 각도 NG 반복을 사용하여 트위터 부트 스트랩 목록을 짓고 있어요 :AngularJS와 드롭 다운 NG-경우 NG 반복 요소

<ul class="dropdown dropdown-menu"> 
    <li class="menuOption" ng-repeat="option in options"> 
     <a data-ng-click="option.value>0 ? foo() : goo()"> 
     {{option.label}} 
     </a> 
    </li> 
</ul> 

지금, 나는이 목록 내부에 디바이더 (<li class="divider"></li>)를 포함 할. 목록의 마지막 요소 앞에 와야합니다 (음수 값을 가진 option.value으로 표시되며, 이는 아마도 더 쉬운 표시 일 것입니다).

ng-repeat 반복이 li 요소 자체에 있기 때문에이 요소에서 ng-if을 사용할 방법을 찾을 수 없습니다.

답변

3

ng-repeat-startng-repeat-end을 시도해보십시오

<ul class="dropdown dropdown-menu"> 
    <li class="menuOption" ng-repeat-start="option in options" ng-if="option.value>0"> 
     <a data-ng-click="option.value>0 ? foo() : goo()"> 
     {{option.value}} 
     </a> 
    </li> 
    <li class="divider" ng-repeat-end ng-if="option.value<0"> 
     option < 0 ({{option.value}}) 
    </li> 
    </ul> 

DEMO