ngAnimate does not work with ui-router

[furyscript]

I have this container

<div ui-view="view-layout" autoscroll="false" class="wrapper"></div>

I use ui-route to change state / route.

In this ui-view I attach this

<header ng-include="'common/nav/top-navbar/top-navbar.tpl.html'" ng-controller="TopnavbarController" class="topnavbar-wrapper"></header>
<aside ng-include="'common/nav/sidebar/sidebar.tpl.html'" ng-controller="SidebarController" class="aside"></aside>
<aside ng-include="'common/nav/offsidebar/offsidebar.tpl.html'" class="offsidebar"></aside>

<section>
    <!-- Page content animated fadeInUp-->
    <div ui-view="view-app" autoscroll="false" class="content-wrapper ng-fadeInUp"></div>

</section>
<footer ng-include="'common/nav/footer.tpl.html'"></footer>

The section is dynamic based on page content. The problem is that the animation fadeInUp is binded to "div wrapper" and not in "div content-wrapper" where I want it. Any solution??

[petebacondarwin]

I think we need some more information about this issue before we can help you. For instance the CSS that defines the animation. Best of all, if you could provide a working demonstration of the problem you would be more likely to get a solution.

[furyscript]

The css works fine, but is attached to a parent div, I cannot make demostration...

[petebacondarwin]

In that case we are not able to help.

[furyscript]

http://plnkr.co/edit/VxnHAeuZ9JmmallbLVsx
This is plunkr @petebacondarwin
I need that the view-app view make animation!...

[petebacondarwin]

OK I will take a look this week

[furyscript]

Thank you, I need your help before as you can :)

[petebacondarwin]

So what I see in that plunker is that you have attached the animations to the nested view by using the [ui-view] selector in the CSS and then using data-ui-view on the wrapper view placeholder to prevent it being animated. Right?

I think that the problem is that ui-router is loading the nested view into the wrapper view before the wrapper view is added to the DOM and so the ngAnimate code is not picking up the enter correctly.
I am not sure if this is a problem with ngAnimate or with ui-router.

@matsko, @nateabele or @christopherthielen do you have a view on this?