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失效的资料请关注脚本之家其它相关文章！
相关文章
Angular基于Constructor Parameter的依赖注入方式详解
这篇文章主要为大家介绍了Angular基于Constructor Parameter的依赖注入方式详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-11-11
angular源码学习第一篇 setupModuleLoader方法
这篇文章主要介绍了angular源码学习第一篇，setupModuleLoader方法,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-10-10
这篇文章主要为大家详细介绍了AngularJS单选框及多选框实现双向动态绑定的相关资料，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-01-01
Bootstrap和Angularjs配合自制弹框的实例代码
今天小编通过本文给大家分享Bootstrap和Angularjs配合自制弹框的实例代码，代码简单易懂，有需要的朋友跟着小编一起学习2016-08-08
探索angularjs+requirejs全面实现按需加载的套路
这篇文章主要探索了angularjs+requirejs全面实现按需加载的套路，围绕angularjs提供的各种机制进行研究，感兴趣的小伙伴们可以参考一下2016-02-02
这篇文章主要介绍了AngularJS前端页面操作之用户修改密码功能,结合具体实例形式分析了AngularJS针对前端用户修改密码的判断操作实现技巧,需要的朋友可以参考下2017-03-03
这篇文章主要介绍了angula中使用iframe点击后不执行变更检测问题，本文给大家分享解决方案，通过实例代码给的大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-05-05
浅谈angular.js中实现双向绑定的方法$watch $digest $apply
Angular用户都想知道数据绑定是怎么实现的。你可能会看到各种各样的词汇：$watch,$apply,$digest它们是如何工作的呢？这里我想回答这些问题，其实它们在官方的文档里都已经回答了，但是我还是想把它们结合在一起来讲2015-10-10
下面小编就为大家分享一篇angularJs 表格添加删除修改查询方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-02-02
angularJs中ng-model-options设置数据同步的方法
今天小编就为大家分享一篇angularJs中ng-model-options设置数据同步的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
最新评论