使用第三方UI组件作为angularJS指令
有一个名为smooth dnd的npm包。这是它的github回购:使用第三方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
该软件包可以安装在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