我想在表

Question

我在 <td>{{key}}</td> 中有相同的价值，所以我不想一次又一次地显示我希望将它合并到单enter image description here

<tbody ng-repeat="(key, val) in myctrl.dep">
   <tr ng-repeat="(key_data, val_data) in val">
   <td>{{key}}</td>
   <td>{{key_data}}</td>
   <td>{{val_data.no_of_transaction || 0}}</td>
   <td>{{val_data.total_amount || 0}}</td>                                         
   </tr>
</tbody>

如何实现这个

Answer 1

对于孩子ng-repeat，您似乎有key的相同值。您可以像这样使用rowspan来实现它：

<tbody ng-repeat="(key, val) in myctrl.dep">
   <tr ng-repeat="(key_data, val_data) in val">
   <td ng-show="key_data === 0" rowspan="{{val.length}}">{{key}}</td>
   <td>{{key_data}}</td>
   <td>{{val_data.no_of_transaction || 0}}</td>
   <td>{{val_data.total_amount || 0}}</td>                                         
   </tr>
</tbody>

请注意，我们只会首先显示（使用key_data === 0作为您的index）。并且，我们rowspan直到孩子ng-repeat的长度。