Отображение значений группы с использованием угловых js ..?

Question

Теперь я создал такой скрипт.

$scope.newsample = { 
    1 : [ 
    {'SUPNAME' : 'HABIB','PKSLIP' : '17193','PRDCODE' : '52003','ITMDESG' : '2550','ITMCODE' : 'IAC1552072','iv' : '1'}, 
    ], 
    2 : [ 
    {'SUPNAME' : 'EKJOT','PKSLIP' : '55414','PRDCODE' : '52236','ITMDESG' : '420','ITMCODE' : 'IBD5243688','iv' : '2'}, 
    {'SUPNAME' : 'EKJOT','PKSLIP' : '55414','PRDCODE' : '52236','ITMDESG' : '426','ITMCODE' : 'IBD5243661','iv' : '3'}, 
    {'SUPNAME' : 'EKJOT ','PKSLIP' : '55414','PRDCODE' : '52236','ITMDESG' : '428','ITMCODE' : 'IBD5243709','iv' : '4'}, 
    ], 
    3 : [ 
    {'SUPNAME' : 'JAYSONS','PKSLIP' : '50225','PRDCODE' : '53554','ITMDESG' : '6089','ITMCODE' : 'IBC4745296','iv' : '5'}, 
    ] 
} 
$scope.total = [ 
    {'iv' : '1'}, 
    {'iv' : '2'}, 
    {'iv' : '3'}, 
    ] 

Теперь, как я могу отобразить его в этом формате.

SUPNAME:HABIB PKSLIP:17193 
ITMDESG:IAC1552072 

SUPNAME:EKJOT PKSLIP=55414 
ITMDESG:IBD5243688 ITMDESG:IBD5243661 ITMDESG3:IBC4745296 

SUPNAME:JAYSONS PKSLIP:50225 
ITMDESG:IBC4745296 

Я судимый, как это, но SUPNAME также повторив дают некоторое представление о том, что как я могу использовать нг-если пропустить один и ту же SUPNAME. Мне нужно отобразить SUPNAME один раз, и соответствующий ITMDESG должен отображаться в сгруппированном формате.

<div ng-repeat="tot_grp in total " ng-init="subval=newsample[tot_grp.iv]"> 
    <div ng-repeat = "grp_val in subval"> 
     <div> 
     <label>{{{{grp_val.SUPNAME}}}}</label> 
     <label>{{{{grp_val.PKSLIP}}}}</label> 
     </div> 
     <div style="clear:both"></div> 
     <div> 
     <label>{{{{grp_val.ITMDESG}}}}</label> 
     </div> 
    </div> 
</div> 

Answer 1

Вы можете использовать $first для внутреннего ng-repeat

разметки

<div ng-repeat = "grp_val in subval"> 
    <div ng-if="$first"> 
     <label>{{grp_val.SUPNAME}}</label> 
     <label>{{grp_val.PKSLIP}}</label> 
    </div> 
    <div style="clear:both"></div> 
    <div> 
    <label>{{grp_val.ITMDESG}}</label> 
    </div> 
</div>