0 
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”。

知道我做错了什么吗？

4

1 回答 1

1

ngShow并且ngHide支持show和的hide键ngAnimate，不支持enter；另外，不要忘记调用done该start函数，以便 Angular 知道动画何时完成。

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

  start: (element, done, memo) ->
    element.slideDown(done)
于 2013-04-21T05:30:27.903 回答