Angular引入swiper后autoplay失效的解决办法详解
作者：秋刀鱼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失效的资料请关注脚本之家其它相关文章！