本文主要给大家介绍了关于离子角度实现图片轮播的相关资料，分享出来供大家参考学习，需要的朋友们下面来一起看看吧。

先来看看实现的效果图：

方法示例：

模板文件夹新建slider.html

ion-view view-title='图片轮播ion-content class=' padding ' scroll=' false ' ion-slides class=' slider-box ' options=' options ' slider=' data。slider ' ion-slide-page div class=' box blue ' h1 blue/h1/div/ion-slide-page ion-slide-slide class=' box yellow ' h1 yellow/h1/div/ion-slide-page/ion-slides/ion-content/ion-view样式。CSS .滑块盒{ height: 300px}。滑块盒盒子{宽度： 100%；高度： 100%;}.黄色{ background: # FFF68F}。蓝色{ background: # 1E90FF}。粉色{ background : # ff6a 6a } app . js :状态('滑块'，{ url: '/滑块'，视图： { ' ' : {模板URL : '模板/滑块。html '，控制器： ' SliderCtrl ' } } })控制器。js :控制器(' SliderCtrl '，函数($ scope){ $ scope。settings={ enable friends 3360 true }；})总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对我们的支持。