angular4 使用swiper 首次加載問題（一）

angular 在使用外部插件swiper 仍是有很多小坑的，下面來聊一聊。angular在使用swiper 的一些坑

 

一開始以爲使用外部引入的方式比較好，就在外部定義了。簡單快捷方便，

可是在開發後期，發現會出現這樣的bug （首次加載swiper 不起做用，只有在二次刷新的時候，才能發揮做用。）深刻研究發現，這個主要是angular的一個運行機制問題。

 

後來就開始找解決方案

我目前採用的是 先  cnpm install swiper

而後在須要引入的頁面應用  import * as swiper from Swiper

 

以後再當前生命週期，初始化的時候，初始化這個swiper 就解決這個問題了。

以上是第一種方法。

還有另外的方案（是同事弄的）

首先創建一個js文件。

將須要初始化的swiper函數放在js文件中。

而後用require的方式，放在初始化函數當中。若是可以直接調用require的話，就直接調用，若是不能的話，就須要在函數什麼require 方法。