angularjs - 如何更新 $scope.items 数组顺序以响应用户使用 Angular-UI ui-sortable 指令重新排序 DOM 数组

Question

我在视图中使用 ui-sortable 指令（来自 angular-ui ）

<ul ui-sortable>
  <li ng-repeat="item in items" >
     {{item.property1}}
     {{item.property2}}
  </li>
</ul>

因此，用户可以拖放以重新排序浏览器中的项目，但这不会更新 $scope.items 数组的顺序。如何做到这一点，以使 $scope.items 数组顺序与用户在浏览器中发起的拖放更改保持同步？

Answer 1

你缺少 ng:model

<ul ui:sortable ng:model="list">
        <li ng:repeat="item in list" class="item">{{item}}</li>
    </ul>

请检查下面的工作示例

Demo

它显示更新的数组

<div ng:repeat="item in list">{{item}}</div>

数组由指令自动更新