Изменение порядка строк в списке матов с помощью кнопок «Вверх» и «Вниз»

Question

Мне нужно перемещать вверх и вниз строки списка матов при нажатии кнопки со стрелкой, присутствующей в каждой строке. Использование параметров перетаскивания с помощью cdk/drag-drop не требуется, но это можно сделать с помощью простых кнопок. Есть ли для этого какой-либо пакет, или мне нужно реализовать логику для этого, например, обновить последовательность массива, чтобы отразить это.

Как лучше всего добиться этого без перетаскивания?

Answer 1

Я сделал stackblitz, который должен решить вашу проблему: https://stackblitz.com/edit/angular-om9pgk?file=src/app/table-dynamic-observable-data-example.ts

Вам нужно только добавить еще один столбец в вашу таблицу матов, в которой содержатся кнопки для перемещения элемента списка вверх или вниз по списку. Каждая кнопка должна иметь обработчик кликов с возможностью переставлять данный элемент на одну позицию вверх или вниз по списку, см. Функции moveUp а также moveDown в моем примере stackblitz.