부트 스트랩 드롭 다운리스트 각도의 문제

Question

부트 스트랩 드롭 다운 메뉴에서 ng-repeat를 사용하려고하지만 드롭 다운의 요소 목록을 표시하지 않습니다. 내가 컨트롤러에서 정의 된 메서드에서 드롭 다운 목록의 요소 채우기에 무엇이든 빠져 있습니다.

<button type="button" class="btn btn-default btn-sm" title="Results Per Page"> 
    <span class="dropdown" dropdown> 
    <a href class="dropdown-toggle" dropdown-toggle> 
     <span class="caret"></span> 
     {{Temp.obj.pageSize}} Results Per Page </a>  
      <ul class="dropdown-menu"> 
      <li data-ng-repeat="result in Temp.obj.availPages"> 
      <a href data-ng-click="Temp.obj.setSize(result)">        
       {{result}}</a> 
      </li> 
      </ul> 
    </span> 
</button> 

Answer 1

당신은 ul 목록에서 dropdown-menu 지시 누락 간단합니다.

각도 -ui 부트 스트랩 문서의 (단순화 된) 예가 있습니다.

<div class="btn-group" uib-dropdown> 
    <button id="single-button" type="button" class="btn btn-primary" uib-dropdown-toggle> 
    Button dropdown <span class="caret"></span> 
    </button> 
    <ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="single-button"> 
    <li role="menuitem"><a href="#">Action</a></li> 
    <li role="menuitem"><a href="#">Another action</a></li> 
    </ul> 
</div> 

지시어가 uib- 접두사되지 않은 때 각-UI를 부트 스트랩의 이전 버전을 사용하는 것 같습니다. 가능한 경우 버전을 업데이트하는 것이 좋습니다. 그렇지 않으면 예제에서 접두어 만 제거하십시오.

편집 : 각도 -ui 부트 스트랩 버전 1.1.2를 사용할 때이 대답에 표시된대로 지시문의 접두어를 사용해야합니다. 그리고 여기에 the doc for reference