您的位置:首页 > Web前端 > AngularJS

ionic 中使用 slidebox 利用angular ng-repeat 渲染后不显示问题

2015-07-26 23:10 686 查看
在使用ionic slidebox指令做图片轮播显示的时候,发现一个问题,ng-repeat遍历生成一个个slide块的时候,执行完成页面是空白的。更加令人费解的是,页面推出后,重新进,该显示出来的东西又显示出来了。
后来在ionic论坛上看到,要手动在渲染之后更新一下,在控制器注入$ionicSlideBoxDelegate,然后渲染数据之后,添加[b]$ionicSlideBoxDelegate.update()[/b]
.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>



上面的代码块就是大概整个的解决方案

解决链接:ionic论坛

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: