С помощью semantic-ui и angularjs, чтобы показать список элементов с делителем

Question

Я хочу показать разделенный список, используя семантические-ui и angularjs с ng-repeat, но я не могу получить разделительную линию для отображения.

<div class="ui divided list" ng-repeat="dataset in datasets.results"> 
    <div class="item"> 
     <i class="map marker icon"></i> 
     <div class="content"> 
      <a class="header">{{dataset.name}}</a> 
      <div class="description">{{dataset.description}}</div> 
     </div> 
    </div> 
</div> 

Если я делаю что-то подобное без угловых, то линия показывает.

Я предполагаю, что это следующее правило в semantic.css, что скрывается линия

.ui.divided.list .item:first-child { 
    border-top-width: 0; 
} 

делает так, что angularjs работы означает, что каждый элемент в списке является «первым», и есть подход к этому?

Вот jsfiddle с примером

http://jsfiddle.net/uUjTZ/2/

Answer 1

Было бы лучше, если бы вы создали скрипку.

Есть много способов сделать разделители, например:

<div class="ui divided list" ng-repeat-start="dataset in datasets.results"> 
    <div class="item"> 
     <i class="map marker icon"></i> 
     <div class="content"> 
      <a class="header">{{dataset.name}}</a> 
      <div class="description">{{dataset.description}}</div> 
     </div> 
    </div> 
</div> 
<hr ng-if="!$last" ng-repeat-end />