2017-04-13 65 views
-1

合并相同的值我在这<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> 

合并如何实现这一目标

+0

使用'colspan',你将必须计算'{{key}}'的出现次数,并且只有第一次出现时才有'colspan' – harishr

+0

如何检查相同的值或不是 – Dev

+0

这就是你必须要的代码逻辑写... – harishr

回答

0

对于孩子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

+0

可以请explian bcz我想设置其他TD也 – Dev

+0

@Dev肯定,所以'rowspan =“x”'是一个属性,告诉你的'td'扩大到'x'行。而且,这样做只为列表中的第一项使用'key_data === 0'作为内部列表的长度..这将做你的工作 – tanmay