ionic4任意拖拽ng2-dragula

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

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

 constructor( ){
        //初始化禁止拖动
        this.dragulaService.createGroup('VAMPIRES', {
          moves: (el, source, handle, sibling) => !el.classList.contains('no-drag')
        });

     }

关闭的时候需要销毁这个分组，否则重复打开会提示你分组已经存在；

this.dragulaService.destroy('VAMPIRES');