ng-可排序无法按照文档运行

Question

ngSortable 模块似乎无法正常工作。

它包含在模板中，如下所示：

<ul as-sortable="sortableOptions" ng-model="items">
      <li ng-repeat="item in subsections" as-sortable-item>
        <div data-as-sortable-item-handle>{{item.name}}</div>
      </li>
    </ul>

在控制器中时：

$scope.subsections = [{
    name: 'one'
  }, {
    name: 'Two'
  }];
  $scope.sortableOptions = {
    orderChanged: function(event) {
      console.log('orderChanged');
    },
    itemMoved: function(event) {
      console.log('Item Moved');
    }
  };

Plnkr 可在此处获得：http://plnkr.co/edit/m4rrhlPM47netEwdfjc7

我正在关注这里的文档：https://github.com/a5hik/ng-sortable

Answer 1

你的配置很好，但诀窍在ng模型中。

而不是ng-model="items"，你必须把数组列表放在ng模型中，在你的例子中ng-model="subsections"。

最终的 HTML 外观将是：

 <ul as-sortable="sortableOptions" ng-model="subsections">
  <li ng-repeat="item in subsections" as-sortable-item>
    <div data-as-sortable-item-handle>{{item.name}}</div>
  </li>
</ul>

这是 plunker 版本。