Угловые 2 Элементы перетаскивания

Question

К сожалению, у меня нет кода в руке, и это более любопытный вопрос. Кроме того, у меня нет опыта работы с Angular 1, но немного изучил Angular 2. Есть ли способ, чтобы компонент не отображался в определенных условиях?

Например, скажем, что есть единственная вертикальная колонка, в которой воспроизводится музыкальная песня, и пользователь может перетащить/удалить в определенном порядке. Я могу сделать перетаскивание, но я не хочу, чтобы Angular 2 перезаписывал весь список, используя * ngFor, потому что HTML уже находится в правильном состоянии. В то же время, скажем

частная музыкаItem []: MusicItem;

должен быть синхронизирован для изменения заказа. Любая обратная связь будет оценена! Возможно, я делаю все это неправильно, и я думал об использовании jQuery/GSAP для перетаскивания.

Answer 1

Не знаю, решила ли вы свою проблему, но я считаю, что самый простой способ - удалить элемент после перетаскивания и переупорядочения элементов в массиве musicItem [] (например, в обработчике событий drop, если вы используете ng2 -драгула), а затем разрешите Angular2 переписать список. По крайней мере, это решение работает для меня.