麻烦与angularjs动画

Question

Module.animation 'slide-down', ($rootScope) -> 
     console.log 'animationInit' 
     animation = 
     setup:() -> 
     start: (element, done, memo) -> 
      $(element).slideDown() 
      console.log 'animationrun' 

---

<div style="margin-top:10px; margin-bottom:0;" class="alert alert-error" data-ng-show="errorMessage" data-ng-animate="{enter: 'slide-down'}"> 
    <strong>Error!</strong><br/><span>{{errorMessage}}</span> 
</div> 

---

我试图得到上面的DIV中angularjs所示，当滑动向下，但它不工作的某些原因。

在我的控制台中，当我的页面加载时，我看到'animationInit'。

任何想法我做错了什么？

Answer 1

ngShow和ngHide支持show和hide的ngAnimate，不enter密钥;另外，不要忘记在start函数中调用done，这样Angular知道动画何时完成。

Module.animation "slide-down", -> 
    setup: (element) -> 
    element.css(display: "none") 

    start: (element, done, memo) -> 
    element.slideDown(done) 

• 工作的jsfiddle：http://jsfiddle.net/BinaryMuse/CcwKz/
• CoffeeScript的上CodePen：http://codepen.io/BinaryMuse/pen/nCIfD