ionic 中使用ion-slide-box

Posted YZ-M

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ionic 中使用ion-slide-box相关的知识,希望对你有一定的参考价值。

ion-slide-box 用法:

<ion-slide-box class="slide" auto-play="true" does-continue="true" show-pager="true" style="height: 130px; width: 100%;">
  <ion-slide ng-repeat="productImage in productImages">
          <img ng-src="{{::productImage.image}}" style="height: 100%; width: 100%;">
  </ion-slide>
</ion-slide-box>

但是会遇到在手机上图片有时显示不出来的情况,解决办法:
在获取图片接口成功后,添加以下一行代码,更新slideBox就可以了:$ionicSlideBoxDelegate.update();

以上是关于ionic 中使用ion-slide-box的主要内容,如果未能解决你的问题,请参考以下文章

使用ionic播放轮询广告的方法

解决swiper-slide在ion-slide-box不滑动的问题(暂且这么描述)

ionic1项目中 ion-slide轮播用ng-repeat遍历数据后自动循环功能失效

ion-slide-box,无限循环

使用 Facebook 错误代码登录:1349195 [IONIC]

Ionic 自定义组件中使用 Ionic 官方组件