在使用ionic slidebox指令做图片轮播显示的时候,发现一个问题,ng-repeat遍历生成一个个slide块的时候,执行完成页面是空白的。更加令人费解的是,页面推出后,重新进,该显示出来的东西又显示出来了。
后来在ionic论坛上看到,要手动在渲染之后更新一下,在控制器注入$ionicSlideBoxDelegate,然后渲染数据之后,添加$ionicSlideBoxDelegate.update()
.controller('MyPhotosCtrl', function ($scope, $ionicSlideBoxDelegate) { $scope.photos= [ ... ] $ionicSlideBoxDelegate.update();})<slide-box show-pager="false" on-slide-changed="onSlideChanged(index)" active-slide="currentIndex"> <slide ng-repeat="photo in photos"> <img ng-src="{{ photo.ThumbnailURL }}" /> </slide></slide-box>