使用语义ui和angularjs显示带有分隔符的项目列表

我想用语义ui和angularjs显示一个带ng重复的分割列表，但我无法显示分割线

<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的工作方式是否意味着列表中的每一项都是“第一”项？是否有解决这一问题的方法

下面是一个带有示例的JSFIDLE

---

如果你制作了一把小提琴会更好

制作分隔器的方法有很多，例如：

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

{{dataset.name}
{{dataset.description}

好吧，您是在重复

ul

，而不是

div.item

。因此，您有许多

ul

，每个

div.item

中都有一个

.item

，当然，每个

.item

都是

:first child

，因为它是

ul

中唯一的元素。尝试将ng repeat向下移动到

div.item

。谢谢-我对重复的内容感到困惑。我以为是div的内容（不包括包含repeat的实际div）

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