使用angularJS动态添加数据后，在移动端只显示第一张

暴躁的兔子

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


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

~

chox

请问一下   我使用angularjs和swiper  但是动态加载图片都没有weiper的效果  就是平铺的图片  请问一下你是怎么做的

nelhu

要写在视图模板加载之后

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.                 });

复制代码