Использование стороннего компонента пользовательского интерфейса в качестве директивы angularJS - PullRequest
Новая
       49

Использование стороннего компонента пользовательского интерфейса в качестве директивы angularJS

1 голос
/ 22 апреля 2020

Существует пакет npm с именем smooth-dnd. Это github repo: https://github.com/kutlugsahin/smooth-dnd#readme Пакет может быть установлен в реакции, angular и vue. js. Однако мой проект в angularjs. Я новичок в такого рода проблемах, поэтому любые предложения о том, как мне добавить этот пакет npm в мой проект angularjs, создав собственную директиву.

1 Ответ

0 голосов
/ 08 мая 2020

Если вам не нужно специально использовать эту библиотеку, а нужно реализовать функцию перетаскивания, я бы порекомендовал andular-drag-n-drop-lists , которая уже имеет angularjs Обертка.

Я использовал его в одном из своих проектов, работал как шарм.

Использование простое: 

<ul class="b-statuses-list" dnd-list="vm.leadStatusList">
    <li class="b-unit-status -type_draggable"
    ng-repeat="status in vm.leadStatusList"
    dnd-moved="vm.leadStatusList.splice($index, 1)"
    dnd-dragend="vm.onUpdateOrderLeadStatus()"
    dnd-draggable="status"
    dnd-effect-allowed="move">
        ...
    </li>
</ul>
...