通过从数组中拖放 angular 来组织和重新排序文件

Question

I work on feature and the feature need to give the user the ability to re order the file before generate it to the server. I use ng bootstrap for creating the modal and get as inputs array of files then I show the files in the modal. How can the user replace the order of the files on the modal? I need a package that let you re order the file from the UI.

Answer 1

I would heartily recommend using "@angular/cdk" package, which is maintained by Angular team itself, meaning it will most probably always be updated with upcoming angular releases, decently tested, well documented and you should get proper support from devs.

I've used it's drag and drop features in multiple projects so far and never had any problems, though as always - your mileage may vary.

The package's API (including drag and drop) is documented on the material components site: https://material.angular.io/cdk

Basic example of reordering lists using drag and drop: https://material.angular.io/cdk/drag-drop/overview#reordering-lists

Note that while the docs are hosted as part of material docs, you don't need the material dependency itself, only the CDK package.