carolsail 发表于 2015-6-14 23:18:01

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){
   })
此时,图片轮播便有问题,只走一次,而不是一直循环

问题一直无法解决,有朋友遇到同样问题没?求助啊!!!!!!!

你懂的 发表于 2015-6-15 18:19:36

看看循环生成的页面代码 和以前的什么区别

你懂的 发表于 2015-6-15 18:19:55

是不是新生成的ionic找不到,可以在初始化加载的时候请求试试
页: [1]
查看完整版本: ionic Slide Box问题? 在$http请求数据后出现循环终止