angularjs - Class not binding to ui-view before ng-enter -

To get different animations between states - I am applying a class for UI-vis based on the current situation I:

  & lt; Div ng-class = "currentClass.current.name" UI-view & gt; & Lt; / Div & gt;  

This works, however - when initially is entered into the scene, it appears that the ng-entry currentClass.current Name is bound, so my animation is ignored:

  .slide-right.ng-enter {z-index: 100; Left: -100%; Background color: green; }  

I can apply animations to ng-leave - as before currentClass.current.name has been implemented.

See. Any ideas?

managed CSS classes in conflict with all the IIE-view animations of Nig-class has gone.

Therefore, the issue is in this line

  & lt; Section ui-view ng-class = "stateClass" & gt; & Lt; / Section & gt;  

Unfortunately, the NG-class is not compatible with ui-view here is complete.

Then you can use the class = "{{stateClass}}" with the UI-view.

  & lt; Section ui-view class = "{{stateClass}}" & gt; & Lt; / Section & gt;  

is working here

Cheers!