Question

我正在尝试通过连接列表对UI进行排序以使其发挥出色。基本上，我想保留两个连接列表的功能，但我希望右侧的列表有两个部分： “First Place”仅保留第一个选项卡，“Everything Else”保留其余选项卡。基本上，我想在其中添加两个标签以便在视觉上分开。用户应该能够垂直排序，就像标签不在那里一样，并在两个列表之间移动标签。 This pen应该展示我正在尝试做的事情。

您会注意到我无法将标记插入

<div class="app" ng-repeat="app in list2">{{$index}} {{app.title}}</div>

因为我只希望标签出现一次......

有什么想法吗？

Answer 1

使用$first和$index：

   <div ui-sortable="sortableOptions" class="apps-container screen floatleft" ng-model="list2">
      <div ng-repeat="app in list2">
          <div ng-if="$first">First Place</div>
          <div ng-if="$index == 1">Everything Else</div>
          <div class="app">{{$index}} {{app.title}}</div>
      </div>
  </div>

具有标记部分的Angular UI可排序连接列表

1 个答案: