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