角可拖/可放表格行

Question

我正在Angular中使用此插件进行日历中的事件拖放，效果很好： https://www.npmjs.com/package/angular-draggable-droppable

我在表上使用相同的插件来拖放以重新排序行。但是，它并没有像这样的效果，如果我们将行移到表格行的上方/下方，则表格行应在拖动时上下移动。

<table mwlDroppable (drop)="arrange()">
<tr mwlDraggable><td>Name A</td><td>input field here</td></tr>
<tr><td>Name B</td><td>input field here</td></tr>
<tr><td>Name C</td><td>input field here</td></tr>
</table>

Answer 1

以下是使用ng2-dnd引用此表的详细拖放操作的链接。

angular 6 dnd