doesn't work when using ngAnimate

[skeenan]

doesn't work at all when using ngAnimate

[chieffancypants]

Could you elaborate a bit on what specifically isn't working? The example page is using ngAnimate and is obviously working. Does it work for you when using the example?

[skeenan]

Yes the example page does work for me.

w.r.t using it in my own application, the problem is quite straightforward.

This works, i.e. we get the progressbar

 angular.module('myApp', ["ui", "ui.bootstrap","ngResource", "ngGrid","ngSanitize","chieffancypants.loadingBar","ngRoute"])   

This doesn't work. i.e we don't get the progressbar

 angular.module('myApp', ["ui", "ui.bootstrap","ngResource", "ngGrid","ngSanitize","chieffancypants.loadingBar","ngRoute","ngAnimate"])   

[chieffancypants]

Are you using the supplied CSS file or your own? The only thing ngAnimate does is add css classes that you can use to define how you want the transitions to look. When you don't include ngAnimate, it'll simply insert/remove the object into the DOM and not apply any CSS classes. Therefore it should always work regardless of whether ngAnimate is included, unless your CSS is applying strange styles

So a few things you can check:

• Is the loading bar getting inserted into the DOM? If so, run through the matched CSS rules to see why its not visible.
• Are you sure you're using angular 1.2? They made breaking changes from 1.1 to 1.2, so make sure you have the latest.

[chieffancypants]

I'm going to close this since I haven't heard back. Feel free to re-open if you still think this is an issue with the loading bar.