Angular 4 - 将项目从一个列表移动到另一个列表

Question

请将图片附在此处： -

我需要创建一个如图像所示的表单。我在VB中完成了列表控件（无法回想起确切的名称）。我必须在LFH上显示一个列表，并使用“>>”按钮，用户应该能够移动到RHS上的列表。如表格所示，显示列表的适当控件是什么。我此刻也在检查网络。

最好的问候，Sidd

Answer 1

您可以使用@swimlane/ngx-dnd包来使列表（或其他html元素）可排序。它具有事件和数据绑定支持。

按照自述文件中的文档，通过演示和更复杂的示例来查看official page。

Answer 2

创建了功能，然后使用bootstrap类来显示相同的功能。实际上这很容易。有多种方法可以在角度中显示弹出窗口。

这也有帮助。

Answer 3

使用动画进行模态对话的最佳文章： -

https://coryrylan.com/blog/build-a-angular-modal-dialog-with-angular-animate

Answer 4

解决方案非常简单。而是寻找VB类型控件，我创建了一个并使用了相同的控件。解决方案非常简单。有时从一种技术转换到另一种技术，需要一些时间才能达到解决方案。