ionic中的slide-box

gzgchzc博客最新更新地址:http://blog.gzvtc.cc/

改了Slidebox 动态绑定图片时,页面会显示一片空白,改变窗口大小的时候,图片就出来了,说明动态绑定图片时,需要手动去重绘页面,即调用$ionicSlideBoxDelegate.Update()方法。

动态绑定之后图片不会循环播放,需要在控制器中写行代码:

$ionicSlideBoxDelegate.$getByHandle("slideboximgs").loop(true);

slideboximgs 需要从 view 中传过来,完成的代码如下:

<ion-slide-box auto-play="true" does-continue="true" show-pager="true" id="detail-slide-box" delegate-handle="slideboximgs">
            <ion-slide ng-repeat="img in product.Product.ImagePath">
                <a><img ng-src="{{img|ServerImage}}" alt=""></a>
            </ion-slide>           
</ion-slide-box>
//产品详情
.controller('ProductDetailCtrl', ['$scope', '$rootScope', '$state','productService','$stateParams','ionicToast','$ionicSlideBoxDelegate',
     function($scope, $rootScope, $state,productService,$stateParams,ionicToast,$ionicSlideBoxDelegate) {

    productService.detail($stateParams.pram1,0).success(function(data){
        if (data.result>0) {
            $scope.product = data.table;
            $ionicSlideBoxDelegate.update();//重绘,让图片显示出来
            $ionicSlideBoxDelegate.$getByHandle("slideboximgs").loop(true);//让图片轮播
        }else{
            ionicToast.show(data.msg, 'middle', false, 4000);
        }
    });

    //立即下单
    $scope.submit = function() {         
        location.href = '#/tab/' + $rootScope.tabname + '/Submit/submit/0';
    }
}])
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值