부트 스트랩 탐색이 Angular ng-repeat로 작동하지 않습니다.

Question

ng-repeat를 사용하여 Angular Bootstrap에 동적 탐색을 표시하는 중 오류가 발생했습니다. 축소 탐색이 작동하지 않습니다.

내 코드는 다음과 같습니다 내 컨트롤러에서

<ul> 
    <li ng-repeat="menu in menus.menus"> 
    <a href="javascript:void(0);"> 
     <span class="menu-item-parent">{{menu.name}}</span> 
    </a> 
    <ul class="sub-left-nav" > 
     <li ng-repeat="submenu in menu.submenu"> 
      <a href="#/{{submenu.url}}" target="open_frame">{{submenu.name}}</a> 
     </li> 
    </ul> 
    </li> 
</ul> 

:

$scope.menus = { 
    "menus": [ 
     { 
      "name": "Master Maintenance", 
      "submenu": [ 
       { 
        "name": "CropType", 
        "url": "croptype" 
       }, 
       { 
        "name": "CropMaster", 
        "url": "crop" 
       } 
      ] 
     } 
    ] 
} 

내가 NG 반복 및 JSON을 사용하고 정적 탐색을 사용하지 않으면, 모든 것이 잘 작동합니다.

<ul> 
    <li> 
    <a href="javascript:void(0);" title="Dashboard"><span class="menu-item-parent">Link 1</span></a> 
    </li> 
    <li class="active"> 
    <a href="javascript:void(0);"><span class="menu-item-parent">Link 2</span></a> 
    <ul class="sub-left-nav"> 
     <li class="active"> 
     <a href="javascript:void(0);" target="open_frame">Sub Link 1</a> 
     </li> 
     <li> 
     <a href="javascript:void(0);" target="open_frame">Sub Link 2</a> 
     </li> 
     <li> 
     <a href="javascript:void(0);" target="open_frame">Sub Link 3</a> 
     </li> 
    </ul> 
    </li> 
</ul> 

Answer 1

는

업데이트 문제는 분명하지 않다 나를 ... 주석을 참조하시기 바랍니다 오타 실수를 생각했다.