角NG-重複嵌套數組

Question

我有了這個陣列

{ 
    "menus": [ 
     { 
      "id": "4", 
      "name": "Administrator", 
      "icon": "symbol-male", 
      "is_show": "1", 
      "sub_menus": [ 
       { 
        "id": "6", 
        "admin_menu_id": "4", 
        "name": "Manage Admin Role", 
        "link": "admin-roles", 
        "is_show": "1" 
       }, 
       { 
        "id": "5", 
        "admin_menu_id": "4", 
        "name": "Manage Administrator", 
        "link": "admins", 
        "is_show": "1" 
       } 
      ] 
     } 
    ] 
} 

我怎樣才能NG-重複與sub_menus正確地與菜單？

我已經試過

<ul> 
    <li ng-repeat="menu in menus">{{ menu.name }} 
     <ul> 
      <li ng-repeat="sub_menu in menu.sub_menus">{{ sub_menu.name}} </li> 
     </ul> 
    </li> 
</ul> 

但是，當我重複一遍沒有顯示sub_menus.name。

Answer 1

你的html需要像下面的東西。

<ul> 
    <li ng-repeat="menu in menuItems.menus">{{ menu.name }} 
     <ul> 
      <li ng-repeat="sub_menu in menu.sub_menus">{{ sub_menu.name}} </li> 
     </ul> 
    </li> 
</ul> 

有無alook在這個JSFiddle