使用semantic-ui和angularjs顯示帶有分隔符的項目列表

Question

我想用ng-repeat使用semantic-ui和angularjs顯示一個分割列表，但我無法得到顯示的分隔線。

<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> 

如果我做了類似的事情，沒有angularjs，那麼行顯示。

我假設它是在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 />