Несколько ползунков Swiper на одном Angular приложении / компоненте? - PullRequest
Новая
       26

Несколько ползунков Swiper на одном Angular приложении / компоненте?

0 голосов
/ 07 мая 2020

Я использую Swiper для добавления ползунков в свое приложение Angular (7).

Проблема в том, что мне не удается иметь отдельные ползунки в одном приложении, даже если не в том же компоненте.

Swiper do c сообщает об этом, когда вы используете его с vanilla JS: 

var mySwiper = new Swiper('.swiper-container', {
  speed: 400,
  spaceBetween: 100
});

В моем приложении Angular я есть это в файле .ts: 

import { Component, OnInit, Input } from '@angular/core';
import { ProductItemVM } from 'src/app/models/product/product-item-vm';
import { SwiperConfigInterface } from 'ngx-swiper-wrapper';

@Component({
  selector: 'srp-product-carousel-container',
  templateUrl: './product-carousel-container.component.html',
  styleUrls: ['./product-carousel-container.component.scss']
})

export class ProductCarouselContainerComponent implements OnInit {
@Input() productList: ProductItemVM[];

public config: SwiperConfigInterface = {
direction: 'horizontal',
threshold: 0,
spaceBetween: 20,
slidesPerView: 1,
keyboard: true,
mousewheel: false,
scrollbar: false,
navigation: true,
pagination: true
};

constructor() { }

ngOnInit() {}
}

Вот do c для Angular оболочки Swiper .

Я не могу объявить новый слайдер, и поэтому я не могу вызвать другой класс swiper-контейнера для нацеливания других слайдеров. Спасибо.

...