以下是一个解决Angular 6和Swiper动态内容问题的示例代码:
npm install ngx-swiper-wrapper --save
import { Component, OnInit } from '@angular/core';
import { SwiperConfigInterface } from 'ngx-swiper-wrapper';
export class MyComponent implements OnInit {
swiperConfig: SwiperConfigInterface;
dynamicContent: string[] = [];
ngOnInit() {
this.dynamicContent = ['Slide 1', 'Slide 2', 'Slide 3'];
this.swiperConfig = {
direction: 'horizontal',
slidesPerView: 1,
pagination: {
el: '.swiper-pagination',
clickable: true
}
};
}
}
{{ item }}
通过上述代码,你可以动态地将内容添加到dynamicContent
数组,并在Swiper中显示。Swiper会自动根据内容的变化进行更新。
下一篇:Angular 6在超时时重定向