Перетащите списки и виртуальные повторители

Question

Мне нужно создать сортируемые списки перетаскивания в моем приложении. Итак, для этого я использовал https://github.com/marceljuenemann/angular-drag-and-drop-lists, который отлично работает для небольшого количества элементов.

Однако мое приложение может содержать тысячи элементов. Итак, чтобы улучшить скорость, мне нужно использовать md-virtual-repeat, предлагаемый Angular Material, Он держит модель на заднем плане с правильным количеством элементов. Но DOM отображает только те, которые видны в виртуальном контейнере.

Поскольку библиотека использует визуализированный $index Чтобы отслеживать элементы, использование виртуального повторителя создает все виды проблем, так как $index сейчас виртуальный.

Вот некоторые из этих проблем:

• Перетаскиваемый элемент дублируется в model

• Элемент, который был в месте размещения, удаляется из model

• При перетаскивании некоторые элементы могут потеряться из оригинала. model

• Так далее...

Что вы предлагаете для решения этой проблемы?

Есть ли другие более простые решения, чем использование этой библиотеки?

Спасибо