使用第三方UI组件作为angularJS指令

Question

[有一个名为smooth-dnd的npm软件包。这是github repo：https://github.com/kutlugsahin/smooth-dnd#readme该软件包可以安装在react，angular和vue.js中。但是我的项目是在angularjs中。我对这种问题是陌生的，因此，关于如何通过创建自己的指令将该npm软件包添加到我的angularjs项目中的任何建议。

Answer 1

如果您不需要专门使用此库，而是需要实现拖放功能，我建议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>