通过从数组中拖放 angular 来组织和重新排序文件
Organize and re-order files by drag and drop angular from array
我正在研究功能,该功能需要让用户能够在将文件生成到服务器之前重新排序文件。我使用 ng bootstrap 创建模态并获取文件作为输入数组,然后在模态中显示文件。用户如何替换模式中文件的顺序?我需要一个包,让您可以从 UI.
重新订购文件
我衷心推荐使用 "@angular/cdk" 包,它由 Angular 团队自己维护,这意味着它很可能会随着即将发布的 angular 版本进行更新,经过良好测试,嗯记录在案,您应该得到开发人员的适当支持。
到目前为止,我已经在多个项目中使用了它的拖放功能,从未遇到过任何问题,尽管一如既往 - 你的里程可能会有所不同。
包的 API(包括拖放)记录在 material 组件站点上:
https://material.angular.io/cdk
使用拖放重新排序列表的基本示例:
https://material.angular.io/cdk/drag-drop/overview#reordering-lists
请注意,虽然文档作为 material 文档的一部分托管,但您不需要 material 依赖项本身,只需要 CDK 包。
我正在研究功能,该功能需要让用户能够在将文件生成到服务器之前重新排序文件。我使用 ng bootstrap 创建模态并获取文件作为输入数组,然后在模态中显示文件。用户如何替换模式中文件的顺序?我需要一个包,让您可以从 UI.
重新订购文件我衷心推荐使用 "@angular/cdk" 包,它由 Angular 团队自己维护,这意味着它很可能会随着即将发布的 angular 版本进行更新,经过良好测试,嗯记录在案,您应该得到开发人员的适当支持。
到目前为止,我已经在多个项目中使用了它的拖放功能,从未遇到过任何问题,尽管一如既往 - 你的里程可能会有所不同。
包的 API(包括拖放)记录在 material 组件站点上: https://material.angular.io/cdk
使用拖放重新排序列表的基本示例: https://material.angular.io/cdk/drag-drop/overview#reordering-lists
请注意,虽然文档作为 material 文档的一部分托管,但您不需要 material 依赖项本身,只需要 CDK 包。