在没有 ngAnimate 的情况下使用 ng-show 做动画
Doing animation with ng-show without ngAnimate
我想为我的 ng-show 做一个划入动画。基本上，我想实现这个简单的动画，如 plunkr 所示。
我知道 ngShow 从 angular 1.3 开始就有一个 ng-animate 的钩子。然而，情况有点复杂。我有一个使用 angular UI Carousel bootstrap 扩展的轮播。 bootstrap 与 Chrome 有一个错误，因此需要为 carousel 标签下的所有元素禁用 ngAnimate。我的旋转木马下的元素需要动画，但如果我包含 ngAnimate，我的旋转木马将无法在 Chrome 中工作——如他们的 github 问题跟踪器 here
中所述
作为一种解决方法，我正在考虑使用传统的 CSS bootstrap 对我的旋转木马内的 ng-show 制作动画。我做了一些研究，但到目前为止我还没有运气。这可能吗？以前有人试过这个吗？非常感谢！
您可以使用 ng-class 指令代替 ng-show 和 ng-hide，这将有条件地将 class 添加到应该划入的元素，调用所需的过渡，给出基本相同的效果并完全省略 ngAnimate 模块。
这是一个 plunker 显示实现。
我想为我的 ng-show 做一个划入动画。基本上，我想实现这个简单的动画，如 plunkr 所示。
我知道 ngShow 从 angular 1.3 开始就有一个 ng-animate 的钩子。然而，情况有点复杂。我有一个使用 angular UI Carousel bootstrap 扩展的轮播。 bootstrap 与 Chrome 有一个错误，因此需要为 carousel 标签下的所有元素禁用 ngAnimate。我的旋转木马下的元素需要动画，但如果我包含 ngAnimate，我的旋转木马将无法在 Chrome 中工作——如他们的 github 问题跟踪器 here
作为一种解决方法，我正在考虑使用传统的 CSS bootstrap 对我的旋转木马内的 ng-show 制作动画。我做了一些研究，但到目前为止我还没有运气。这可能吗？以前有人试过这个吗？非常感谢！
您可以使用 ng-class 指令代替 ng-show 和 ng-hide，这将有条件地将 class 添加到应该划入的元素，调用所需的过渡，给出基本相同的效果并完全省略 ngAnimate 模块。
这是一个 plunker 显示实现。