angular ionic 滑动框加载数据后不刷新,样式错乱

angular 和 ionic 搭建在一起出现的常见问题一:

异步加载的数据因为在滑动框css 渲染之后加载,会导致样式出现错乱.

引入$ionicSlideBoxDelegate服务

数据改变的方法中加入

$ionicSlideBoxDelegate.updata();即可

但是由于滑动框滑动时会自动存储滑动页的索引号,也就是页数,所以多个数据一起使用时会导致页数错乱,可以每次都使用$ionicSlideBoxDelegate.slide(1);跳到第一页

$ionicSlideBoxDelegateapi:http://www.ionic.wang/js_doc-index-id-45.html

现在来解决数据不刷新的问题:

使用io + ng 经常会出现页面缓存而数据刷新页面没有刷新的问题,经历了$scope.$apply()无效之后,需要进行ionic的局部刷新.

使用

$scope.$on("$ionicView.beforeEnter",function(event,data){

// handle event

});

可解决

http://ionicframework.com/docs/v1/nightly/api/directive/ionView/