Animating ionicModal with animation defined in javascript


I’m having trouble trying to get a modal to animate using a “Javascript-based Animation”. The bigger picture is that I’d like to use Javascript-based animations to dynamically control the ‘enter’ animation when the modal is shown.

The modal service appears to be adding the class, but it is not animating. The animation does work, when applied to a repeater.

See an example at

I’d like the modal to enter animate with myfade. To see that myfade does work, fill in the form on the modal and submit - the new item will fade in.

Working with:

  • Angular 1.4.4
  • Ionic 1.2.4

Thanks for any help.