Javascript angularjs动画的问题 错误{{errorMessage}

我试图让上面的div在angularjs中显示时向下滑动，但是由于某些原因它不起作用

在我的控制台中，当我的页面加载时，我会看到“animationit”

---

知道我做错了什么吗？

ngShow

和

ngHide

支持

ngAnimate

的

show

和

hide

键，而不是

enter

；另外，不要忘记在

start

函数中调用

done

，以便Angular知道动画何时完成

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

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

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