angular-sortablejs 与 Angular 5 兼容吗？答案

【问题标题】：angular-sortablejs is compatible with angular 5?angular-sortablejs 与 Angular 5 兼容吗？
【发布时间】：2018-01-10 11:26:54
【问题描述】：

我试图使用 angular-sortables 对拖动的（通过 ng-drag-drop 库）列表项进行排序，但使用它似乎也没有发生任何事情。 谁能告诉我它是否与 Angular 5 兼容？

下面是我的代码：

<div class="card-header card-inverse card-primary">Drop Anything here</div>
  <div class="card-block scroll-list" [sortablejs]="droppedHorizontalItems" [sortablejsOptions]="{ animation: 150 }">
    <li 
      [draggable]
      [dragClass]="'active'"
      [dragData]="item"
      [dragScope]="item.type"
      [dragEnabled]="dragEnabled"
      *ngFor="let item of droppedHorizontalItems;let in=index"
      class="horizontal list-group-item"
    >
      {{item.name}}
    </li>
  </div>
</div>

【问题讨论】：

我不知道 ng-drag-drop 库，但是 *ngFor 从 Angular 5 中删除，*ngFor 在 Angular 4.x 中已弃用，使用 NgForOf 而不是 *ngFor。

标签： javascript angular sortables angular-sortablejs

【解决方案1】：

angular-sortablejs 适用于 angular 2、4、5 并将适用于未来的版本。

来源：我是该项目的维护者。如果您需要进一步的帮助，请随时在 github repo 的问题页面上提问。

【讨论】：

【解决方案2】：

嗯，这是来自angular-sortablejs github page的信息：

Angular >= 4.x (angular-sortablejs@2.x.x; sortablejs 必须安装分开）

npm install --save sortablejs && npm install --save angular-sortablejs

所以，我认为你不应该有任何问题。

附：对不起，但我没有看到你的例子。或许加个plunker链接会更好。

【讨论】：

这不起作用，我尝试了页面中给出的方式

【解决方案3】：

angular-sortables 不适用于任何 angular 版本 >= 2.0。

除此之外，您可以使用https://github.com/SortableJS/angular-sortablejs。

【讨论】：