使用AngularJS创建幻灯片效果?

时间:2012-11-18 06:24:07

标签: javascript angularjs

我是AngularJS框架的新手,我试图获得与jQuery提供的相同的幻灯片效果,我确实谷歌太多但没有找到任何与之相关的内容。所以,如果有任何人对此有所了解,请指导我实现这一点,谢谢你。

4 个答案:

答案 0 :(得分:5)

如果要为DOM对象插入设置动画,可能会发现AngularUI很有用(请查看animate指令)。

----更新-----

较新版本的Angular(我相信1.1.4+)添加了一个ngAnimate指令,专门用于向Angular应用程序添加CSS动画。查看官方文档(http://code.angularjs.org/1.1.4/docs/api/ng.directive:ngAnimate)或http://www.nganimate.org/

答案 1 :(得分:2)

您可以(并且应该)使用jQuery幻灯片,但将其包装在angular指令中。查看有关指令的文档以及this video

答案 2 :(得分:1)

通常,即使在指令中,也不应该直接使用jQuery和Angular。这是最后的手段。这是关于SO的主题的另一篇好文章。

"Thinking in AngularJS" if I have a jQuery background?

答案 3 :(得分:-1)

以我的拙见,ui.bootstrap涵盖了这个问题,例如这个基本示例http://surecode.me