Angular ngAnimate，ng-view假動畫不起作用

Question

angular version：1.6.1

我試圖爲我的ng-view元素淡入/淡出。問題是隻有輸入動畫才起作用。

HTML的一部分：

<main class="main" ng-view></main> 

app.js提前

App.animation('.main', function() { 
     return { 
      enter : function(element, done) { 
       TweenMax.set(element,{autoAlpha:0}); 
       TweenMax.to(element, .4, {autoAlpha: 1, ease: Quad.easeOut, delay: 1}); 
       done(); 
      }, 

      leave : function(element, done) { 
       TweenMax.to(element, .4, {autoAlpha: 0, ease: Quad.easeOut}); 
       done(); 
      } 
     }; 
    }); 

謝謝，我感謝所有幫助您可以提供。

Answer 1

  enter : function(element, done) { 

       TweenMax.to(element, .4, {autoAlpha: 1, ease: Quad.easeOut, delay: 1, onComplete:done}); 

      }, 

      leave : function(element, done) { 
       TweenMax.to(element, .4, {autoAlpha: 0, ease: Quad.easeOut, onComplete:done}); 

      } 

CSS || .main：opacity：0;