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