|
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){
})
此时,图片轮播便有问题,只走一次,而不是一直循环
问题一直无法解决,有朋友遇到同样问题没?求助啊!!!!!!! |
|