javascript - 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>

---

angularjsで表示されたときに上記のdivをスライドダウンさせようとしていますが、何らかの理由で機能していません。

ページが読み込まれると、コンソールに「animationInit」が表示されます。

私が間違って何をしているのか分かりますか？