Angular引入swiper后autoplay失效的解決辦法詳解
angular引入swiper
由于angular不熟,最近在修改一個NG-ZORRO的項目。
期間為了引入swiper,按照網上的安裝引入方式(這步就不說了,應該都能搜到),引入后發(fā)現(xiàn)autoplay怎么設置都沒效果,試了很多辦法,后面去swiperjs官網看了才發(fā)現(xiàn)這段話。
基礎功能導入
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-11angular源碼學習第一篇 setupModuleLoader方法
這篇文章主要介紹了angular源碼學習第一篇,setupModuleLoader方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-10-10AngularJS單選框及多選框實現(xiàn)雙向動態(tài)綁定
這篇文章主要為大家詳細介紹了AngularJS單選框及多選框實現(xiàn)雙向動態(tài)綁定的相關資料,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-01-01Bootstrap和Angularjs配合自制彈框的實例代碼
今天小編通過本文給大家分享Bootstrap和Angularjs配合自制彈框的實例代碼,代碼簡單易懂,有需要的朋友跟著小編一起學習2016-08-08探索angularjs+requirejs全面實現(xiàn)按需加載的套路
這篇文章主要探索了angularjs+requirejs全面實現(xiàn)按需加載的套路,圍繞angularjs提供的各種機制進行研究,感興趣的小伙伴們可以參考一下2016-02-02angula中使用iframe點擊后不執(zhí)行變更檢測的問題
這篇文章主要介紹了angula中使用iframe點擊后不執(zhí)行變更檢測問題,本文給大家分享解決方案,通過實例代碼給的大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-05-05淺談angular.js中實現(xiàn)雙向綁定的方法$watch $digest $apply
Angular用戶都想知道數據綁定是怎么實現(xiàn)的。你可能會看到各種各樣的詞匯:$watch,$apply,$digest它們是如何工作的呢?這里我想回答這些問題,其實它們在官方的文檔里都已經回答了,但是我還是想把它們結合在一起來講2015-10-10angularJs中ng-model-options設置數據同步的方法
今天小編就為大家分享一篇angularJs中ng-model-options設置數據同步的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09