角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