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

由于angular不熟,最近在修改一个NG-ZORRO的项目。
期间为了引入swiper,按照网上的安装引入方式(这步就不说了,应该都能搜到),引入后发现autoplay怎么设置都没效果,试了很多办法,后面去swiperjs官网看了才发现这段话。关于Angular引入swiper后autoplay失效的解决办法_第1张图片
好家伙!!这么基础的功能也要导入么
关于Angular引入swiper后autoplay失效的解决办法_第2张图片


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失效的解决办法)