angular4 使用swiper 首次加载问题（一）

angular 在使用外部插件swiper 还是有不少小坑的，下面来聊一聊。angular在使用swiper 的一些坑

 

一开始觉得使用外部引入的方式比较好，就在外部定义了。简单快捷方便，

但是在开发后期，发现会出现这样的bug （首次加载swiper 不起作用，只有在二次刷新的时候，才能发挥作用。）深入研究发现，这个主要是angular的一个运行机制问题。

 

后来就开始找解决方案

我目前采用的是 先  cnpm install swiper

然后在需要引入的页面应用  import * as swiper from Swiper

 

之后再当前生命周期，初始化的时候，初始化这个swiper 就解决这个问题了。

以上是第一种方法。

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

首先建立一个js文件。

将需要初始化的swiper函数放在js文件中。

然后用require的方式，放在初始化函数当中。如果能够直接调用require的话，就直接调用，如果不能的话，就需要在函数什么require 方法。