ionic 图片轮播问题 - 信姿姬
(注:使用的是angularjs。首先需要在,js文件中注入:$ionicSlideBoxDelegate)
一、有时候会出现图片无法加载出来。解决办法是:
在相应的controller文件增加 $ionicSlideBoxDelegate.update();
二、轮播至最后一个不轮播的问题,解决的办法是:
在相应的controller文件增加 $ionicSlideBoxDelegate.loop(true);
代码如下:
1 function getMessageInface() {
2 vm.condition = { //入参
3 "sysid": 1000,
4 "token": "sfiodfndsig"
5 };
6 Service.post('advertisement', 'findEffectiveDataInfo', vm.condition).then(function(data) {
7
8 console.log(data)
9 vm.ADlists = data;
10 angular.forEach(vm.ADlists, function(index) {
11 // statements
12 // console.log("循环增加imgurl");
13 if (index.pic.indexOf("http") ) {
14 index.pic = vm.imgUrl + index.pic;
15 // console.log(index.pic)
16 }
17 });
18 $ionicSlideBoxDelegate.loop(true); //解决轮播至最后一个不轮播的问题
19 $ionicSlideBoxDelegate.update(); //解决图片加载不出来的问题
20 });
21
22
23 }
注入方式如下:
(function() {
angular.module('app').controller('goodsListCtrl', goodsListCtrl);
goodsListCtrl.$inject = ['$scope', '$state', 'Service', '$stateParams', '$localStorage', '$ionicSlideBoxDelegate', '$ionicPopup'];
function goodsListCtrl($scope, $state, Service, $stateParams, $localStorage, $ionicSlideBoxDelegate, $ionicPopup) {
var vm = this;
……
……
}
})();
三、使用$ionicSlideBoxDelegate.loop(true)会出现一个至今也没有想明白的问题:加载两张图片时会显示四张,也就是说会重复两张,其他的情况均是正常的。所以我最后的解决办法只能是根据官方文档实现手动轮播了……
上一篇: php 中的可变变量有什么用?
下一篇: php中选择工厂和更新工厂模式介绍