带有标签部分的 Angular UI 可排序连接列表

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>