ngx-datatable 可拖动行答案

【问题标题】：Ngx-datatable draggable rowngx-datatable 可拖动行
【发布时间】：2019-03-17 16:43:51
【问题描述】：

我正在尝试在 ngx-datatable 行上实现拖放功能。

正如在 Github https://github.com/swimlane/ngx-datatable/issues/411 上的这个开放请求中提到的，我可以添加一个自定义指令来实现这一点。但是，当我尝试打开它们时，提供的所有 plunkers 在控制台中都显示了多个问题。

我在这里创建了一个工作示例https://codesandbox.io/s/121n85o33，但该功能无法正常工作。如果您玩玩，您会看到行被无序删除。如果有人能指出我解决问题的正确方向，那就太好了。

【问题讨论】：

嘿@Ardenne，你找到解决方案了吗？有的话请让我进去。提前致谢。
嗨@TorabShaikh。不幸的是，几个月前我停止了这个问题的研究。我认为其他人正在 GitHub 页面上研究它。你应该去那里试试。

标签： angular ngx-datatable

【解决方案1】：

只需删除 AppComponent.ts 中 onDrop 中的切片调用：

onDrop(event) {
  console.log("onDrop", event);
  // ngx-datatable recommends you force change detection
  //let newData = event.slice();

  // OR let this.data = [...event]
  this.rows = event;
  console.log("update", this.rows);
}

【讨论】：

感谢您的帮助，我已经更新了我的仓库。不幸的是，对于我的任务来说，答案来得有点晚，但我会为其他人提供示例。
@Ardenne 该示例似乎已离线 - 请您再次提供它吗？
我正在尝试使用它。但是在构建应用程序时，会出现这些错误。 dragula-extended.directive.ts(107,7): error TS2554: Expected 1 arguments, but got 2. dragula-extended.directive.ts(111,54): error TS2339: Property 'subscribe' does not exist on type '(groupName?: string) => Observable<{ name: string; el: Element; source: Element; }>'. dragula-extended.directive.ts(114,54): error TS2339: Property 'subscribe' does not exist on type '(groupName?: string) => Observable<{ name: string; el: Element; target: Element; source: Element;...'. 可能是什么问题？
"Expected 1 arguments, but got 2" 这个错误是因为 ng2-dragula 库的最新变化。