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

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

 

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

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

 

后来就开始找解决方案

我目前采用的是 先  cnpm install swiper

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

 

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

以上是第一种方法。

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

首先创建一个js文件。

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

而后用require的方式，放在初始化函数当中。若是可以直接调用require的话，就直接调用，若是不能的话，就须要在函数什么require 方法。