Disable ng-animate globally and then enable on some elements
<p>Using Angular 1.5.3, is it possible to globally disable ng-animate and then selectively enable it on some elements?</p>

<p>I have a directive (<code>ng-animate-enabled</code>) used to enable ng-animate on the container <code>div</code> and it's children.</p>

<p>If I globally disable ng-animate in the controller via <code>$animate.enabled(false)</code>, the animations no longer work even though I am specifically enabling them via the directive mentioned above.</p>

<p>This <a href="https://jsfiddle.net/rmirro/65cmfbyq/" rel="nofollow">jsfiddle</a> illustrates the problem.</p>

<p>Thanks!</p>