Angular6中使用Swiper的方法示例

项目使用的Angular版本是V6.0.3

安装Swiper

rush:bash;"> npm install swiper --save

或者

rush:bash;"> yarn add swiper --save

在angular.json文件添加swiper.js和swiper.css

安装模组定义档

rush:bash;"> npm install @types/swiper --save

或者

rush:bash;"> yarn add @types/swiper --save

配置tsconfig文件

fig.json

fig.app.json

按照上面的配置完成后，angular里就可以用swiper。下面是一个小demo。

test.component.html

rush:xhtml;">

<div class="swiper-button-prev">

<div class="swiper-button-next">