关于Angular引入swiper后autoplay失效的解决办法
【关于Angular引入swiper后autoplay失效的解决办法】由于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,
},
});
}
}结束收工！_(:з」∠)_
推荐阅读
- 一个关于|一个关于 += 的谜题
- 关于如何实现外网访问本地主机IP地址（natapp）。（如何实现将外网可访问的域名与本地主机IP地址绑定）
- 如何让自己的组件库支持按需引入
- C|关于指针的一点儿小知识
- 大数据|关于sparksql操作hive，读取本地csv文件并以parquet的形式装入hive中
- 代码系能分析
- 实战|实战 | 关于随手一点就发现XSS漏洞这件事
- | CAP 理论 FAQ
- 关于electron+vue|关于electron+vue 安装并打包的爬坑记录
- 用JSP写商品表