Angular 2拖放列表项

时间:2016-04-22 16:58:37

标签: drag-and-drop angular

不幸的是,我手头没有代码,这更像是一个奇怪的问题。另外,我对Angular 1没有任何经验,但对Angular 2进行了一些研究。在某些条件下,组件是否有可能无法呈现?

例如,假设有单个垂直列显示音乐歌曲,用户可以拖放到特定顺序。我可以执行拖动拖动但我不希望Angular 2使用* ngFor重新呈现整个列表,因为HTML已经处于正确的状态。同时,说

private musicItem []:MusicItem;

需要与订单更改同步。对于任何反馈,我们都表示感谢!也许,我这样做是错的,我正在考虑使用jquery / GSAP进行拖放。

1 个答案:

答案 0 :(得分:0)

不知道你是否解决了问题,但我相信最简单的方法是在拖动并重新排序数组musicItem []中的元素后删除元素(例如,在drop事件处理程序中如果您使用ng2-dragula)然后让Angular2重新呈现列表。至少这个解决方案适合我。