前端开发工具篇angular2.X

ng2-dragula的使用心得

2018-06-06  本文已影响0人  孔孔孔先生

相信第一次使用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的页面)是这样的

作用域是全局的。

然后发现奇迹般的好了。。。 虽然这个问题很小,但是这个问题却让我弄了两天,死活找不到问题所在。

希望大家遇到这个问题的可以快速解决。

至于其他问题,大家可能会很快解决就不贴了。

上一篇下一篇

猜你喜欢

热点阅读