AngularJS Диапазон строк в таблице

Question

Как сделать диапазон строк в таблице начальной загрузки с угловым JS? Моя таблица создается с помощью ng-repeat. С ng-repeat я думаю, что это невозможно. Поэтому я смотрю на ng-grid и ng-table, у обоих есть группировка. , но они создают разборную колонку. а не точно ряд строк. поэтому, пожалуйста, дайте мне знать мои варианты.

Я пытаюсь достичь как:

<table border="1" > 
    <tr> 
     <th>First Name</th> 
     <th>Last Name</th>  
     <th>Points</th> 
</tr> 
     <tr> 
     <td rowspan="3">Jill</td> 
     <td>Smith</td> 
     <td>50</td> 
    </tr> 
    <tr> 

     <td>Smith2</td> 
     <td>60</td> 
    </tr> 
    <tr>    
     <td>Smith3</td> 
     <td>70</td> 
    </tr> 
    <tr> 
     <td>Eve</td> 
     <td>Jackson</td> 
     <td>94</td> 
    </tr> 
</table> 

http://plnkr.co/edit/1VBQGVoamQbqv9uYmnWB?p=preview

Но это не статичные данные, это будет список объектов с сервера. Любая помощь оценивается

Answer 1

Вы можете добавить свойство rowspan в свой JSON. Как:

myJson = [{attr1:'foo', attr2:'bar',rowspan:2},{attr1:'foo', attr2:'bar',rowspan:0}]; 

Затем вы можете использовать как ng-if и rowspan так:

<tr> 
    <td ng-if="item.rowspan>0" rowspan="{{item.rowspan}}">{{item.attr1}}</td> 
    <td>{{item.attr2}}</td> 
<tr> 

Вы можете перебирать JSON и добавить rowspan условно:

data.forEach(function(item){ 
    if(someCondition){ 
     item.rowspan = 2; // or 0, 1, 2, 3... 
    } 
}); 

Вот plunker.