|
阅读：8585回复：0
angular 基于swiper.js封装的轮播插件app.directive('container',[function(val){ return{ restrict: 'E', scope:{ data:'=' }, template: ` <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide" ng-repeat="swiperImg in data track by $index"><img ng-src="pw_swiperImg.src" alt=""></div> </div> <div class="swiper-pagination"></div> </div>`, replace: true, link:function(){ // 首页轮播图启动 var mySwiper = new Swiper('.swiper-container',{ pagination : '.swiper-pagination', paginationClickable: true, longSwipesRatio: 0.3, touchRatio:1, observer:true,//修改swiper自己或子元素时，自动初始化swiper observeParents:true,//修改swiper的父元素时，自动初始化swiper }) } } }]) |
|
公众号
