ionic1 轮播图各种问题 解决方案

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>

js配置如下:

//轮播图$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;};});});