PhoneGap中文网

 找回密码
 立即注册
查看: 23123|回复: 2
打印 上一主题 下一主题

下拉刷新ion-refresher和轮播ion-slide-box混合,刷新后图片错位

[复制链接]

2

主题

6

帖子

44

积分

新手上路

Rank: 1

积分
44
跳转到指定楼层
楼主
发表于 2016-9-12 23:37:37 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
不多说。直接上代码
这是html部分
<ion-refresher pulling-text="正在刷新" on-refresh="doRefresh()">
</ion-refresher>
<div class="home-slide">
        <ion-slide-box does-continue="true" auto-play="true" slide-interval="2000">
                <ion-slide ng-repeat="bannerSrc in bannerSrcList" does-continue="true" slide-interval="true">
                        <a ng-href="{{bannerSrc.url}}">
                                <img ng-src="{{bannerSrc.imgSrc}}" alt="{{bannerSrc.name}}">
                        </a>
                </ion-slide>
        </ion-slide-box>
</div>
这是controller
.controller("homeCtrl", function ($scope, $http, $timeout, $ionicSlideBoxDelegate, handleArray, randomNumber) {
        var tabHomeUrl = define.mainUrl + "/tab/tab-home.json";

        $http.get(tabHomeUrl,{type:0})
                .success(function (data) {
                        //console.log(angular.toJson(data, true));
                        //轮播数据
                        $scope.bannerSrcList = data.bannerSrcList;
                });
        $timeout(function () {
                $ionicSlideBoxDelegate.$getByHandle('slideimgs').update();
                $ionicSlideBoxDelegate.$getByHandle('slideimgs').loop(true);
        }, 100);
        //刷新处理
        $scope.doRefresh = function () {
                $http.get(tabHomeUrl,{type:1})
                        .success(function (newData) {
                                /*
                                 * 此处有问题
                                 */
                                $scope.bannerSrcList = newData.bannerSrcList;
                                console.log("刷新数据成功")
                        }).finally(function () {
                        $scope.$broadcast('scroll.refreshComplete');
                });
        };

})

回复

使用道具 举报

11

主题

529

帖子

1418

积分

金牌会员

Rank: 6Rank: 6

积分
1418
沙发
发表于 2016-9-16 17:32:45 | 只看该作者
回复 支持 反对

使用道具 举报

0

主题

2

帖子

8

积分

新手上路

Rank: 1

积分
8
板凳
发表于 2017-3-15 13:59:33 | 只看该作者
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-5-20 05:26 , Processed in 0.053295 second(s), 32 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表