如何在角度6中拖动内容并重新排序

Question

我正在使用ngx-input-file上传图像。请看下面的例子。

stackblitz

如果我将图像拖放到此处，它将使该图像变暗。如何重新排列这些图像，例如第一个图像位于任何地方的最后一个或中间。它应该更改顺序。请帮我怎么做？

对我来说真的很关键。我刚接触角度6。请以角度2或4或5或6来帮助我。

Answer 1

您需要绑定到ngModel的{​​{1}}属性，该属性将返回一个数组：

input-file

<input-file inputId="input-file" [(ngModel)]="files" placeholder="Drop files below!"></input-file> 中元素的顺序决定了它们在屏幕上的显示方式。例如，要反转排序顺序，可以执行files。只需将数组元素移动到所需的排序顺序即可。

Here is a StackBlitz demo showing reverse