ionic Slide Box问题? 在$http请求数据后出现循环终止
html中:<ion-slide-box delegate-handle="image-viewer" on-slide-changed="slideChanged(index)"slide-interval="1000" does-continue="true" auto-play="true" >
<ion-slide ng-repeat="slide in files">
<img ng-src="{{slide.filename}}" >
</ion-slide>
</ion-slide-box>
js中:
var files =[
{
filename : "img/timg.jpeg",
data: "Slide 1 Content"
},
{
filename : "img/timg-1.jpeg",
data: "Slide 2 Content"
}
]
如果直接
$scope.files = data;
$ionicSlideBoxDelegate.update();
效果是正常的,图片自动轮播并且会一直循环
若将上面的files对象放在一个files.json文档或者服务器上
利用$http获取,如下
$http.get('data.json').success(function(data){
$scope.files = data;
$ionicSlideBoxDelegate.update();
/*
$timeout(function(){
$ionicSlideBoxDelegate.$getByHandle('image-viewer').update();
},1000)
*/
}).error(function(err){
})
此时,图片轮播便有问题,只走一次,而不是一直循环
问题一直无法解决,有朋友遇到同样问题没?求助啊!!!!!!! 看看循环生成的页面代码 和以前的什么区别 是不是新生成的ionic找不到,可以在初始化加载的时候请求试试
页:
[1]