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-model。

您必须将arrayList放在ng-model中，而不是ng-model="items"，而不是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 version.

ng-sortable根据文档不起作用

1 个答案: