Swiper中文论坛

标题: 使用angularJS动态添加数据后,在移动端只显示第一张 [打印本页]

作者: 暴躁的兔子    时间: 2016-4-24 23:16
标题: 使用angularJS动态添加数据后,在移动端只显示第一张
本帖最后由 暴躁的兔子 于 2016-4-24 23:46 编辑

使用angularJS动态添加数据后
PC我在chrome浏览器上正常显示
在android上,只显示一张图片,无法滑动切换,(自带浏览器正常,微信、UC浏览器都只显示一张图片)


$(function() {
                var mySwiper = new Swiper('.swiper-container', {
                        pagination : '.swiper-pagination',
                        observer : true,
                        observePare : true
                });
        })();

~

作者: chox    时间: 2016-5-26 17:33
请问一下   我使用angularjs和swiper  但是动态加载图片都没有weiper的效果  就是平铺的图片  请问一下你是怎么做的

作者: nelhu    时间: 2017-11-21 15:10
要写在视图模板加载之后
  1. $scope.$on('$viewContentLoaded', function() {
  2.                         var issueImgSwiper = new Swiper('.swiper-container', {
  3.                                
  4.                                 initialSlide: $scope.activeIndex,
  5.                                 speed: 500,
  6.                                
  7.                                 lazyLoading: true, // 开启图片懒加载
  8.                                 lazyLoadingOnTransitionStart : true, // 当transition开始时就开始加载
  9.                                 lazyLoadingInPrevNext: true, // 懒加载前后图片
  10.                                
  11.                                 zoom: true,
  12.                                
  13.                                 observer:true,
  14.                                 observeParents:true,
  15.                                
  16.                                 pagination: '.swiper-pagination',
  17.                                
  18.                         });
  19.                 });
复制代码





欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/) Powered by Discuz! X3.2