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

使用第三方UI组件作为angularJS指令,angularjs,github,npm,angularjs-directive,drag-and-drop,Angularjs,Github,Npm,Angularjs Directive,Drag And Drop,有一个名为smooth dnd的npm包。这是它的github回购: 该软件包可以安装在react、angular和vue.js中。然而,我的项目是在angularjs。我对这类问题还不熟悉,因此,关于如何通过创建我自己的指令将这个npm包添加到我的angularjs项目中的任何建议。如果您不需要专门使用这个库,而是需要实现拖放功能,我推荐已经有angularjs包装器的 我在我的一个项目中使用了它,效果很好 用法很简单: <ul class="b-statuses-list" dnd-l

有一个名为smooth dnd的npm包。这是它的github回购:
该软件包可以安装在react、angular和vue.js中。然而,我的项目是在angularjs。我对这类问题还不熟悉,因此,关于如何通过创建我自己的指令将这个npm包添加到我的angularjs项目中的任何建议。

如果您不需要专门使用这个库,而是需要实现拖放功能,我推荐已经有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>
  • ...

要检查是否安装了npm包,请检查项目中的package.json文件。Package.json显示您安装的所有依赖项。要使用smooth dnd,首先安装它并创建一个div标记assign id,然后在.ts文件中调用该id。您提到的Github repo演示了如何使用它。@AwareFun是的,但我无法安装它,因为我的项目是angularjs。我必须创建一个指令并在其内部填充github repo的适当代码。我该怎么计算呢,因为回购协议相当大。在github回购协议中,他们为angular提供了npm模块@是的,但我要的是angularjs而不是angularjs