How to animate child element on enter angular 1.4+?

JavaScript
1

Hi,

I am trying to create some nice page-transitions using angular animate 1.4+ but there is some things i don’t understand.

So I manage to do a simple fadein/out animation with:

.animation('.page', function($animateCss){
  
    return {
      enter: function(element){
        return $animateCss(element, {
          from: {
            opacity: 0
          },
          
          to: {
            opacity: 1
          },
          
          duration: 1
        });
      },
      leave: function(element){
        return $animateCss(element, {
          from: {
            opacity: 1
          },
          
          to: {
            opacity: 0
          },
          
          duration: 1          
        });
      }
    };

})

But it only works when im targeting the ui-view element, not if i target .page .childelement. Why is this and how can i archive what I’m looking for?

2

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.