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

Question

请参阅此处附带的图片： -

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

最好的问候， SIDD

Answer 1

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

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

Answer 2

创建功能，然后使用引导程序类显示相同的功能。实际上，这很容易。也有多种方法可以以角度显示弹出窗口。

https://getbootstrap.com/docs/4.0/components/modal/

这也有帮助。

Answer 3

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

  

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