DropDown Ряды с AngularJS

Question

У меня есть следующая таблица сгруппированных элементов:

Я хочу, чтобы отобразить каждый элемент в раскрывающихся строках под определенной группе. Не могли бы вы помочь, как сделать это с помощью Angular JS?

Я выборка все группы и элементы с одним JSON:

[ 
{"City":"NY", 
"notes":"bla-bla", 
"state":"Created", 
,"description":"asdasdasda", 
"locationId":1, 
"waybillId":"", 
"itemCount":3 
"items":[{"itemId": "0001","status":"Created", "weight":23}, 
     {"itemId": "0002","status":"Created", "weight":23} 
     {"itemId": "0003","status":"Created", "weight":23} 
     ] 

}, 

.... 

] 

HTML:

<table class="table table-bordered"> 
    <thead> 
     <tr> 
      <th>#</th> 
      <th>City</th> 
      <th>Waybill</th> 
      <th>Items</th> 
      <th>Status</th> 
      <th>Action</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr ng-repeat="group in groupItems"> 
      <td>{{$index+1}}</td> 
      <td>{{group.city}}</td> 
      <td>{{group.waybillId}}</td> 
      <td>{{group.itemCount}}</td> 
      <td> 
       <span class="label label-success">{{group.state}}</span> 
      </td> 
      <td> 
       <button class="">Ungroup</button> 
      </td> 
     </tr> 
    </tbody> 
</table> 

Answer 1

Для уровня 1,

<tbody data-ng-repeat="storedata in storeDataModel.storedata" data-ng-switch on="dayDataCollapse[$index]">

Для 2-го уровня, т.е. второй tr

<tr data-ng-switch-when="true">, в котором у вас есть второй уровень ng-repeat.

Ознакомьтесь со скрипкой http://jsfiddle.net/Pixic/VGgbq/ для вставного аккордеона, такого как стол.