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();

如果我們需要圖片循環展示,還需要設置:$ionicSlideBoxDelegate.loop(true);

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM