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的{{1}}和hide个密钥，而非ngAnimate;另外，不要忘记在enter函数中调用done，以便Angular知道动画何时完成。

start

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

angularjs动画的麻烦

1 个答案: