嘗試輸出多維數組時，AngularJS中的ng-repeat無法正常工作

Question

我有一個簡單的數組，我想將其輸出到列表中。當我打電話時，數組第一維的數組起作用，但第二維數組無法被檢測到。我在這裏做錯了什麼，或者我錯過了什麼？下面是我的代碼：

Angular.js

angular.module('theme' , [ 
    ]).controller('sideController' , function($scope){ 

     $scope.menuName = [ 
      {'name': 'Header' , 'element' : [ 
       {'id' : 'template1' , 'template': 'wp-content/themes/dynamictheme/img/template/template1.png'} 
      ] 
     }]; 
    }) 
; 

HTML

<div id="slideout" ng-app="theme"> 
    <div id="slideMenu" ng-controller='sideController'> 
     <ul style="list-style-type: none;"> 

      <!--- Worked ---> 

      <li class="active" ng-repeat="menus in menuName"> 
       <h3><a class="menuItem" id="{{menus.name}}">{{menus.name}}</a></h3> 
      </li> 

      <!--- Didn't Work ---> 

      <li id="{{subMenu.id}}" class="draggable" ng-repeat="subMenu in menus.element"> 
       <img src="{{subMenu.template}}" width="200" /> 
      </li> 
     </ul> 
    </div> 
</div> 

Answer 1

子菜單必須是內部的外ng-repeat（與div爲了簡單替換）：

<div class="active" ng-repeat="menus in menuName"> 
    <h3><a class="menuItem" id="{{menus.name}}">{{menus.name}}</a></h3> 
    <div id="{{subMenu.id}}" class="draggable" ng-repeat="subMenu in menus.element"> 
    <img src="{{subMenu.template}}" width="200" /> 
    </div> 
</div> 

否則，範圍內沒有menus標識符。