2017-04-13 26 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