Javascript 使用ng repeat从可排序列表中获取每个项目的位置

我使用

ng repeat

创建了一个jquery ui可排序

。 当我点击我的提交按钮时，我想获得每个

的

id及其在列表中的位置。我知道有jquery
index（）
方法，但我不知道如何编写它

<ul id="sortable">
  <li class="" ng-repeat="ex in exercises">
    <div class="row zone " id="ex.id">
      <div class="zone-header"> {{ex.title_exercise}}
      </div>
      <div class="col-sm-12 zone-body">
        Something
      </div>
    </div>
  </li>
</ul>
<button type="submit" ng-click="generate()" class="btn blue-background">Generate</button>



{{ex.title_exercise}
某物


生成
您可以使用如下所示的可排序和方法：


角度模块（“应用程序”，[]）
.controller（“ctrl”，函数（$scope）{
$scope.exercises=[{
“id”：“ex_1”，
“标题练习”：“一”
}, {
“id”：“ex_2”，
“标题”练习：“两个”
}, {
“id”：“ex_3”，
“标题”练习：“三”
}];
$scope.generate=function（）{
log（$scope.toArray（））；
log（$scope.serialize（））；
}
}).directive（'sortable'，function（）{
返回{
链接：功能（范围、元素）{
元素。可排序（）；
scope.toArray=函数（）{
返回元素。可排序（“toArray”）；
}
scope.serialize=函数（）{
return element.sortable（“serialize”，{key:“ex”}）；
}
}
}
});



{{ex.title_exercise}


生成
jQuery UI可排序代码的指令在哪里？您可以使用
sortable
插件中的事件更新范围