Question

我一直在使用AngularJS阅读动画，根据我的理解，ngAnimate模块可以使用标准的Angular指令开箱即用。我也理解鼓励css动画作为第一个停靠点。

为了学习Angular，我创建了一个虚拟项目，我希望在单击按钮时让面板淡入，然后再次单击时淡出。由于我来自jquery背景，我的典型方法是使用以下内容：

$('button').on('click', function() {

  // If box is visible
  $('.box').stop().fadeOut();


  // If box is hidden
  $('.box').stop().fadeIn();
});

然而，对于Angular，我不太确定完成同样事情的最佳方法是什么。我已经看了一些教程视频，this demo是我提出的方法。然而，我遇到的问题是，如果我快速点击按钮，它似乎会出现故障并且动画会被搞砸。我想我提出的问题是a）我的方法是淡入/淡出一个元素是否明智（因为我真的想采用Angular思维模式）和b）我如何复制jquery。停止（）即。如何停止动画来启动另一个动画？

我在理解如何使用Angular进行动画方面有点挣扎，因为jquery非常简单： - ）

由于

如何使用angularjs处理div上的动画？

0 个答案: