【问题标题】:Angular 2 Drag and Drop List ItemsAngular 2拖放列表项
【发布时间】:2016-04-22 16:58:37
【问题描述】:

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

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

私人 musicItem[] : MusicItem;

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

【问题讨论】:

  • 只是一个碰撞..如果有人在读这个..我还没有一个好的答案。

标签: drag-and-drop angular


【解决方案1】:

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

【讨论】:

  • 这绝对可行,但我想知道是否有办法不重新渲染,因为 HTML 已经更新。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2023-03-11
  • 1970-01-01
  • 2020-09-29
  • 2020-11-24
  • 2020-06-04
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多