ionic 輪播圖元件大家一般都會用下面這個，這個元件存在的問題想必大家都是知道的。

<ion-slide-box>
  <ion-slide on-slide-changed="slideHasChanged(index)">
    <div class="box pink"><h1>PINK</h1></div>
  </ion-slide>
</ion-slide-box>

普遍的bug問題我不說了 我遇到最變態的問題是 首頁跳到詳情再跳回來 輪播圖驚奇的沒了，然後手動更變瀏覽器大小又出來了，總之不管什麼問題，用下面這段程式碼都解決了(是ionic封裝的swiper的滑動更強大)。

<ion-slides options="options" slider="data.result">
<ion-slide-page ng-repeat="a in lunbo">
<a href="{{a.adHrefLink==null || a.adHrefLink=='' ? 'javascript:;' : a.adHrefLink}}">
<img ng-src="{{a.adCode}}" class="banner_img" style="width:100%;">
</a>
</ion-slide-page>
</ion-slides>
 

//輪播圖
$scope.options = {
  loop: false,
  effect: 'fade',
  speed: 1000,
  autoplay:2000,
  autoplayDisableOnInteraction: false,
};
$scope.$on("$ionicSlides.sliderInitialized", function(event, data){
  var promiselunbo = $AsynAjaxHttp.publicAjax(ApiUrl.getadvertisment); //同步呼叫，獲取承諾介面
promiselunbo.then(function(data) {
//呼叫承諾介面resolove()
if(data.status.code == '0') {
$scope.lunbo = data.result;
};
});
});