使用ng-show进行动画而不使用ngAnimate

时间:2015-03-28 21:51:46

标签: css angularjs carousel css-animations angular-ui-bootstrap

我想为我的ng-show做一个擦拭动画。基本上,我想实现这个简单的动画,如plunkr所示。

我知道ngShow有一个用于ng-animate的钩子,因为角度为1.3。但是,情况有点复杂。我有一个旋转木马,我使用角度UI旋转木马引导程序扩展。引导程序存在Chrome错误,因此需要为carousel标记下的所有元素禁用ngAnimate。我需要在我的轮播下使用动画元素,但如果我包含ngAnimate,我的轮播将无法在Chrome中运行 - 正如他们的github问题跟踪器here

中所述

作为一种解决方法,我正在考虑使用传统的CSS引导程序在我的旋转木马中使用ng-show进行动画制作。我做了一些研究,但到目前为止我没有运气。这可能吗?有没有人试过呢?非常感谢!

1 个答案:

答案 0 :(得分:4)

您可以使用ng-class指令代替ng-showng-hide,这将有条件地将类添加到应该擦除的元素,调用所需的转换,给出基本相同的效果并完全省略ngAnimate模块。 这是显示实施的plunker

相关问题