Angularjs 带标签部分的可排序连接列表

我正在尝试使用连接列表对UI进行排序，以便更好地发挥作用。基本上，我希望保留两个连接列表的功能，但我希望右侧的列表包含两个部分： “第一名”仅包含第一个选项卡，“其他所有内容”包含其余选项卡。基本上，我只想在其中添加两个标签，以直观地将事物分开。 用户应该能够垂直排序，就像标签不存在一样，并在两个列表之间移动选项卡。 应该证明我在做什么

您会注意到，我不能真正将标记插入到

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

{{$index}{{{app.title}}

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

---

有什么想法吗？

使用

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

第一名
其他一切
{{$index}}{{app.title}}

这为我指明了正确的方向，但问题仍然是，当你拖动标签时，它会同时抓取div.app和显示的标签，我最终会这样做：

{{app.title}

<代码>{{app.title}}