This sample shows how you can apply your own custom event to your own directive using the $animator service and the animate() function.
The custom directive called my-animate-directive is defined in the directives.js file and binds to the click() event, so when you click on the items below you will trigger the custom event animation. Since the any-animation class is defined in the HTML element for the myEvent event, that will be the class applied via ngAnimate. The any-animation class can be found in the index.css file.