ionic 中使用 slidebox 利用angular ng-repeat 渲染后不显示问题
2015-07-26 23:10
686 查看
在使用ionic slidebox指令做图片轮播显示的时候,发现一个问题,ng-repeat遍历生成一个个slide块的时候,执行完成页面是空白的。更加令人费解的是,页面推出后,重新进,该显示出来的东西又显示出来了。
后来在ionic论坛上看到,要手动在渲染之后更新一下,在控制器注入$ionicSlideBoxDelegate,然后渲染数据之后,添加[b]$ionicSlideBoxDelegate.update()[/b]
上面的代码块就是大概整个的解决方案
解决链接:ionic论坛
后来在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论坛
相关文章推荐
- 每天一个小知识点14(Angularjs总结二)
- AngularJS图片上传功能的实现
- angularJS学习笔记(二)
- angularJS学习笔记(二)
- Angular2 Use styles in Component
- angularjs——工具方法
- angularjs——module
- AngularJs 开发遇到的问题,以及解决方案
- [Angularjs]ng-class,ng-class-even,ng-class-odd
- Angular2.0-组件
- angular cors跨域资源共享设置 和formdata设定
- “Thinking in AngularJS” if I have a jQuery background?
- Angular2 use ng-xx (ng-if)
- nyoj 122Triangular Sums
- 给 Web 开发者的 25 款最有用的 AngularJS 工具
- 构建自己的AngularJS
- AngularJs编写指令
- 南阳oj Triangular Sums 语言入门
- AngularJS 的表单验证
- AngularJS Service vs Factory - Once and for all