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