脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → AngularJS → Angular引入swiper autoplay失效

Angular引入swiper后autoplay失效的解决办法详解

 更新时间：2023年09月19日 10:00:32   作者：秋刀鱼Bin  
这篇文章主要介绍了Angular引入swiper后autoplay失效的解决办法详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

angular引入swiper

由于angular不熟，最近在修改一个NG-ZORRO的项目。

期间为了引入swiper，按照网上的安装引入方式（这步就不说了，应该都能搜到），引入后发现autoplay怎么设置都没效果，试了很多办法，后面去swiperjs官网看了才发现这段话。

基础功能导入

import { Swiper, Autoplay } from 'swiper';
Swiper.use([Autoplay]);
export class TestComponent {
    swiper: Swiper;
    constructor(){}
    ngAfterViewInit() {
      this.swiper = new Swiper('.swiper-container', {
        slidesPerView: 3,
        initialSlide :1,
        centeredSlides: true,
        loop: true,
        observer: true,
        observeParents: true,
        autoplay:{ 
          delay:2000,
          disableOnInteraction:false,
          stopOnLastSlide: false,
        }, 
      });
    }
  }

结束收工！_(:з」∠)_

以上就是Angular引入swiper后autoplay失效的解决办法详解的详细内容，更多关于Angular引入swiper autoplay失效的资料请关注脚本之家其它相关文章！

您可能感兴趣的文章:

相关文章

最新评论