相信第一次使用ng2-dragula的小伙伴都会去查看这个地址:How to Build Ionic 2 Drag and Drop using Dragula - Devdactic
而这个地址上有很清楚的教程,教我们如何使用ng2-dragula这个组件。写这篇文章呢,最主要的就是总结我在使用ng2-dragula这个组件的时候遇到的一些问题,希望可以帮助大家更有效率的解决可能遇到的问题。
第一:究竟是先看官网还是看上面贴的那个地址
我是觉得,先看How to Build Ionic 2 Drag and Drop using Dragula - Devdactic这个地址会好一点,因为这个地址有视频,可以自己动手敲出一个demo来,这样大家才会更为清楚的意识到遇到的问题在哪里,从哪里动手解决。然后再去官网:https://valor-software.com/ng2-dragula/index.html 查看更为详细,使用更多的功能。
第二:使用 ng2-dragula 可能遇到的问题
How to Build Ionic 2 Drag and Drop using Dragula - Devdactic 在这个网站上,你可能跟着视频敲完之后发现,为什么我拖拽的这么卡,为什么我拖拽效果时好时不好,那是因为css的作用域的问题,注意看网站的视频,作者在写css的时候是直接粘贴进去的,所以大家可能会忽略掉,这个css根本不在本页page下,
正常情况:
而about里面(也就是我实现dragula的页面)是这样的
作用域是全局的。
然后发现奇迹般的好了。。。 虽然这个问题很小,但是这个问题却让我弄了两天,死活找不到问题所在。
希望大家遇到这个问题的可以快速解决。
至于其他问题,大家可能会很快解决就不贴了。