ionic4任意拖拽ng2-dragula

敏小静

于 2021-02-08 15:32:12 发布

阅读量498

点赞数

分类专栏： angular

本文链接：https://blog.youkuaiyun.com/qq_31392495/article/details/112904576

版权

ionic自带的组件 on-reorder-group只能上下拖拽排序，如果想要元素任意拖拽可使用ng2-dragula；
详情参考：
stackoverflow–questions
dragula示例以及github地址

想要一开始是不能拖动的状态，首先给拖动的元素添加no-drag类名，初始化的时候移除掉；可以在构造添加如下代码：

 constructor( ){
   
        //初始化禁止拖动
        this.dragulaService.createGroup('VAMPIRES'