How to make angular js dragged items work on a tablet (by touch)

Question

I am working on the Angular JS draggable directive. My code is like this Plunker

Both my code and this plunker work fine on windows when working with a mouse. But on any tab where the touch is touched, it does not work at all. what could be the reason for this? any idea how to make it work?

Answer 1

To control touch events, a directive was implemented, this is ngTouch. You can find more information here:

http://docs.angularjs.org/api/ngTouch

Also, I think this post might be useful:

Javascript Drag and Drop for Touch Devices