Question

我想使用带有ng-repeat的语义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 />

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

1 个答案: