Trying to learn about gesture directives

Found this on driftyco:

https://github.com/driftyco/ionic/blob/master/test/html/gesture.html

Made a Codepen out of the code in the HTML file…

The hold, click, and drag events are registered in the “box” div. But unfortunately I can’t seem to get the gestures working for the buttons or the other divs with custom directives. Is there a working example somewhere for “on-tap” and “on-hold” directives, for instance? I haven’t found one yet… when I try to use them in my project (and here in this codepen), I get no response.

Any thoughts?

Thanks.

Use http://ionicframework.com/docs/api/service/$ionicGesture/ in your directives?
Use “on” to hang on gesture events.