1、使用npm安装swiper:
npm install swiper
npm install @types/swiper
2、在angular.json中添加:
"styles": [
"./node_modules/swiper/css/swiper.min.css"
],
"scripts": [
"./node_modules/swiper/js/swiper.min.js"
]
3、组件的具体代码如下:
import {
Component, OnInit } from '@angular/core';
import Swiper from 'swiper';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
title = 'swiper01';
ngOnInit() {
setTimeout(() => {
this.initSwiper();
}