我正在努力将现有的基于jquery的代码迁移到Angularjs中。在我的应用程序中,我有现有的代码来实现具有不同风格的轮播,每个轮播在UI方面都有很多自定义,但是当前代码有很多重复的代码来支持不同的变化,因此我不喜欢它。 我正在搜索Angularjs中的carousel模块,我可以将其用作核心模块,并为我的应用程序定制它,但是发现很多,因此很困惑。我遇到了以下情况。
1. angular-carousel http://ngmodules.org/modules/angular-carousel
2. angular ui carousel module https://angular-ui.github.io/bootstrap/
3. angular-slick https://github.com/vasyabigi/angular-slick
4. Wallop Slider in AngularJS http://andyshora.com/wallop-slider-angularjs-css.html
5. Based on Angularjs animation http://onehungrymind.com/build-sweet-photo-slider-angularjs-animate/
6. Angular.js and Bootstrap 3 http://www.cssscript.com/responsive-image-carousel-with-angular-js-and-bootstrap-3/
以下是我的要求摘要
1. Customize the UI, mainly on the location of "next" & "prev" button and slides
2. Support of single or multiple slides based on configuration
3. Infinite loop control based on configuration
4. Touch support on mobile and tablets
5. Responsive design, mainly for multiple slides control so that different number of slides can be display based on different screen size
因为我有多种选择,所以我非常困惑。寻求帮助,以了解哪些核心Angular js基于Carousel我可以使用,以便我可以为我的各种轮播模块定制它。