麻煩與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