更改类名时Swiper angular 7不工作

更改类名时Swiper angular 7不工作,angular,slider,carousel,angular7,swiper,Angular,Slider,Carousel,Angular7,Swiper,我正在跟随这个滑块: 我的项目中有2个滑动滑块,它们都有不同的分类 一个滑块可以很好地使用类名swiper容器。但是,当我要更改第二个滑块的类名时,如下所示,它不起作用 第一个滑块每个幻灯片有4个项目,我想第二个滑块每个幻灯片应该有1个项目。这就是为什么我想更改slider容器的名称 HTML: 所有必需的库都已导入core.module.ts文件中。当我更改类名时,我不明白为什么它不起作用 core.module.ts: swiper容器类由swiper css本身用于应用样式等。您可以使用其

我正在跟随这个滑块:

我的项目中有2个滑动滑块,它们都有不同的分类

一个滑块可以很好地使用类名swiper容器。但是,当我要更改第二个滑块的类名时,如下所示,它不起作用

第一个滑块每个幻灯片有4个项目,我想第二个滑块每个幻灯片应该有1个项目。这就是为什么我想更改slider容器的名称

HTML:

所有必需的库都已导入core.module.ts文件中。当我更改类名时,我不明白为什么它不起作用

core.module.ts:

swiper容器类由swiper css本身用于应用样式等。您可以使用其他类初始化swiper,而不是删除类,例如

 <div class="swiper-container s1" > 
 new Swiper('.s1', {

 <div class="swiper-container s2" > 
 new Swiper('.s2', {

它只有一个幻灯片,你可以为你的问题创建一个stackbliz,我也遵循同样的方法,但不知怎么的,它不起作用!你能为你的问题创建一个fiddle或stackblitz吗?可能你正在使用swiper容器进行一次swiper尝试使用两个不同的类而不是swiper容器classI也这样做了。但可能是我在弹出窗口中使用了第二个swiper,这就是它不起作用的原因。实际上我用的是角度。
var swiper = new Swiper('.intro-swiper-container', {
                    slidesPerView: 1,
                    spaceBetween: 50,
                    navigation: {
                        nextEl: '.swiper-button-next',
                        prevEl: '.swiper-button-prev',
                    },
                    breakpoints: {
                        1024: {
                            slidesPerView: 1,
                            spaceBetween: 40,
                        },
                        768: {
                            slidesPerView: 1,
                            spaceBetween: 30,
                        },
                        640: {
                            slidesPerView: 1,
                            spaceBetween: 20,
                        },
                        320: {
                            slidesPerView: 1,
                            spaceBetween: 10,
                        }
                    }
                });
import { SwiperConfigInterface, SwiperModule } from 'ngx-swiper-wrapper';

const DEFAULT_SWIPER_CONFIG: SwiperConfigInterface = {
    direction: 'horizontal',
    slidesPerView: 1,
    keyboard:true,
    mousewheel:true,
    scrollbar:true,
    navigation:true,
    pagination:true,
    breakpoints:{
      640:{
        slidesPerView:1
      }
    }
  };
 <div class="swiper-container s1" > 
 new Swiper('.s1', {

 <div class="swiper-container s2" > 
 new Swiper('.s2', {