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

来源:互联网 发布:飞思卡尔单片机与pic 编辑:程序博客网 时间:2024/06/05 11:45

I have same problem.
Problem that, when Ionic parse html, it check:

if (slides.length < 2) options.continuous = false;

and even if you run $ionicSlideBoxDelegate.update(); it's not help, because options is not checked again.

I found solution - do not allow render our slider before getting data for ng-repeat.

For example, for your code should be like this:

<ion-slide-box show-pager="false" auto-play="true" does-continue="true" ng-if="cities">  <ion-slide collection-repeat="city in cities">    <h1>{{city.name}}</h1>  </ion-slide></ion-slide-box>


用ng-if判断遍历的数组是否为空,不为空时再用repeat遍历该数组即可



源引:http://blog.csdn.net/leishi8819/article/details/52181291

0 0