$animateProvider.classNameFilter removing class name for leave event that follows an enter event

[codeniac]

I'm building a notification system and i set

$animateProvider.classNameFilter(/ng-animate/);

to prevent conflict with other components in website. When the animation comes in everything work fine, and ng-enter class provide the animation, but it seems that filter class ng-animate is removed from the div and hence the ng-leave class is not been applied!! With you duplicate the ng-animate class in the component you can work around the problem!! Check out this plunker to see what i'm talking about: http://plnkr.co/edit/7IEgccUvteHFCGiML6Fy?p=preview

The bounce in animation works fine when enter, but when leaving it does not trigger the bounce out animation!

[matsko]

Turns out that ng-animate is actually used internally within Angular to track the animation. This is actually still present in 1.4. I'll look to see if we can fix it so it doesn't cause ngLeave to fail.

In the meantime please do use a different className filter value other than ng-animate.

[matsko]

@codeniac since the ng-animate CSS class is used internally within $animate, having to special case whether the element uses it or not can lead to problems. Therefore the decision is to have $animate raise an issue if your classNameFilter value contains a regex which matches it.

This PR sets the enforcement into place:
#11807

You'll need to use a different CSS class to special case your "allowed" animations. Sorry for posing a breaking change on your code. Hopefully it won't involve lots of changes.